-webkit-mask-attachment

No estándar
This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.

Si se ha especificado una -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.

Valor inicial	`scroll`
Applies to	all elements
Heredable	no
Media	visual
Valor calculado	como se especifica
Animation type	discrete
Canonical order	order of appearance in the formal grammar of the values

Síntaxis

<attachment>#where 
<attachment> = scroll | fixed | local

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

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Escritorio
Móvil

Característica	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari
Soporte básico	Sin soporte [1]	Sin soporte	Sin soporte	Sin soporte	4.0

Característica	Android	Firefox Mobile (Gecko)	IE Phone	Opera Mobile	Safari Mobile
Basic support	2.1	Sin soporte	Sin soporte	Sin soporte	3.2

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

Ver además

-webkit-mask, -webkit-mask-clip, -webkit-mask-box-image, -webkit-mask-origin, -webkit-mask-image,-webkit-mask-composite,-webkit-mask-repeat