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 inicialscroll
Applies toall elements
Valor calculadocomo se especifica
Animation typediscrete
Canonical orderorder of appearance in the formal grammar of the values



<attachment> = scroll | fixed | local


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.
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).


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!

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