-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`
适用元素	all elements
是否是继承属性	否
计算值	as specified
Animation type	discrete

语法

可用的值

scroll: 使用 scroll 时, 蒙版在视口中同包含它的块一起滚动。
fixed: 使用 fixed 时, 蒙版不会同包含它的元素一起滚动，而是在视口中固定不动。

使用语法

<attachment>#where 
<attachment> = scroll | fixed | local

示例

body {
  -webkit-mask-image: url('images/mask.png');
  -webkit-mask-attachment: fixed;
}

浏览器兼容性

BCD tables only load in the browser

另见

-webkit-mask (en-US), -webkit-mask-clip (en-US), -webkit-mask-box-image (en-US), -webkit-mask-origin (en-US), -webkit-mask-image (en-US), -webkit-mask-composite (en-US), -webkit-mask-repeat (en-US)