-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 inicialscroll
Applies toall elements
Heredableno
Valor calculadocomo se especifica
Animation typediscrete

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)

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