-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
Valor calculado	como se especifica
Animation type	discrete

Síntaxis

<attachment># (en-US)where 
<attachment> = scroll | (en-US) fixed | (en-US) 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! (en-US)

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