CSS3面具造型

Question

前段时间我遇到了一些掩盖了CSS元素并允许掩码具有不同CSS样式的代码，例如：边框和背景颜色。基本上，我有以下面具：

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

我希望它具有与其所在元素相同的样式，因为它目前显示为：

如果您需要其他任何帮助，请通知我（我在上面的代码中留下了样式CSS，并且只发布了我用于掩码的所有代码）

面具图片：http://babblebox.me/ios/images/back_mask.png

感谢。

Answer 1

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