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>#
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.
Ver además
-webkit-mask, -webkit-mask-clip, -webkit-mask-box-image, -webkit-mask-origin, -webkit-mask-image,-webkit-mask-composite,-webkit-mask-repeat