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 |
| Animatable | no |
| Canonical order | order of appearance in the formal grammar of the values |
Síntaxis
<attachment>[, <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
| Característica | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Soporte básico | No support [1] | No support | No support | No support | 4.0 |
| Característica | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Basic support | 2.1 | No support | No support | No support | 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