我知道如何在 css 中做一个蒙版,但只有 chrome 和 safari 支持这个。有什么替代品吗?
这是我的代码:
<div class="character">
<img src="http://img194.imageshack.us/img194/3854/goldgladiator.png">
<div class="green-mask"></div>
</div>
<style>
.green-mask {
display: block;
height: 200px;
width: 508px;
background: rgb(160, 255, 97);
opacity: .3;
position: absolute;
top: 0;
-webkit-mask-image: url(http://img194.imageshack.us/img194/3854/goldgladiator.png);
}
</style>
我想让它支持跨浏览器。