CSS3 蒙版样式

Question

不久前，我遇到了一些代码，这些代码屏蔽了 CSS 元素并允许屏蔽具有不同的 CSS 样式，例如边框和背景颜色。基本上，我有以下面具:

-webkit-mask-box-image: url('../images/back_mask.png');
-webkit-mask-repeat: no-repeat;
-webkit-mask-origin: border;

而且我希望它与它所在的元素具有相同的样式，目前它显示为:

感谢任何帮助，如果您需要其他任何东西，请通知我(我在上面的代码中省略了样式 CSS，只是发布了我用于 mask 的所有代码)

蒙版图片:http://babblebox.me/ios/images/back_mask.png

谢谢。

Answer 1

通过 javascript 动态更改 webkit 值，当您希望它们与元素的父样式匹配时返回“继承”。