--- 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}}
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
, 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).body { -webkit-mask-image: url('images/mask.png'); -webkit-mask-attachment: fixed; }
{{ 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.
{{ 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") }}