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