--- title: '-webkit-mask-attachment' slug: Web/CSS/-webkit-mask-attachment tags: - CSS - Diseño - Referencia - Web translation_of: Web/CSS/-webkit-mask-attachment ---

{{ CSSRef() }}

{{ Non-standard_header() }}

Si se ha especificado una {{ Cssxref("-webkit-mask-image") }} , -webkit-mask-attachment determina si la posición de la imagen de la máscara es fija dentro de la ventana (viewport) , o se desplaza a lo largo del bloque que la contiene.

{{cssinfo}}

Síntaxis

{{csssyntax}}

Valores

scroll
Si se ha especifiacod  scroll , la imagen de máscara se desplaza dentro de la ventana (viewport) junto con el bloque que contiene la máscara de imagen.
fixed
Si se ha especificado el valor fixed , la imagen de máscara no se desplaza junto con el elemento que la contienen, en vez de eso permanece es una posición fija dentro de la ventana (viewport).

Ejemplos

body {
    -webkit-mask-image: url('images/mask.png');
    -webkit-mask-attachment: fixed;
}

Compatibilidad con los distintos navegadores

{{ CompatibilityTable() }}

Característica Chrome Firefox (Gecko) Internet Explorer Opera Safari
Soporte básico {{ CompatNo() }} [1] {{ CompatNo() }} {{ CompatNo() }} {{ CompatNo() }} 4.0
Característica Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support 2.1 {{ CompatNo() }} {{ CompatNo() }} {{ CompatNo() }} 3.2

[1] Se ha dejado de dar soporte desde Chrome 24.

Ver además

{{ cssxref("-webkit-mask") }}, {{ cssxref("-webkit-mask-clip") }},  {{ cssxref("-webkit-mask-box-image") }}, {{ cssxref("-webkit-mask-origin") }}, {{ cssxref("-webkit-mask-image") }},{{ cssxref("-webkit-mask-composite") }},{{ cssxref("-webkit-mask-repeat") }}