-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 typediscrete

语法

可用的值

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

另见