-webkit-mask-attachment
非标准: 该特性是非标准的,请尽量不要在生产环境中使用它!
如果使用了 -webkit-mask-image
(en-US), -webkit-mask-attachment
将指定蒙版在视口的位置是固定的,还是同包含块一起滚动的。
/* 关键字 */
-webkit-mask-attachment: scroll;
-webkit-mask-attachment: fixed;
-webkit-mask-attachment: local;
/* 多个值 */
-webkit-mask-attachment: scroll, local;
-webkit-mask-attachment: fixed, local, scroll;
/* 全局值 */
-webkit-mask-attachment: inherit;
-webkit-mask-attachment: initial;
-webkit-mask-attachment: unset;
语法
可用的值
- scroll
-
使用
scroll
时,蒙版在视口中同包含它的块一起滚动。 - fixed
-
使用
fixed
时,蒙版不会同包含它的元素一起滚动,而是在视口中固定不动。
使用语法
Error: could not find syntax for this item
示例
body {
-webkit-mask-image: url('images/mask.png');
-webkit-mask-attachment: fixed;
}
浏览器兼容性
BCD tables only load in the browser