JavaScript中的CSS webkit-image-mask替代方案?

时间:2011-06-06 12:46:58

标签: html css webkit

我正在研究我的投资组合,我想用PNG掩盖一些图片,这与webkit图像蒙版一起工作但是,我希望在FF& Opera,你知道JavaScript脚本有相同的结果吗?

我尝试使用edge.js,但只能使用<img></img>,而不使用CSS中的背景(我制作精灵)。

谢谢。

1 个答案:

答案 0 :(得分:0)

为什么不简单地在图像上显示PNG?

您可以在图片后面的HTML中创建元素,或者使用JS创建它。

只需创建一个DIV并将其绝对定位在图像上方,然后为其提供与图像相同的宽度和高度(或任何您喜欢的),并将PNG作为div的背景图像,这一切都通过CSS。 / p>

您也可以使用CSS ::after伪类来设置元素的样式,甚至不必通过HTML或JS将其插入到DOM中。

http://jsfiddle.net/LuSYQ/1/

::after替代

http://jsfiddle.net/LuSYQ/11/