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