0

有没有人遇到过模仿 Webkit 的有效方法

-webkit-mask-box-image: url(filename.png)

功能?

我正在尝试使用非方形动画元素,并且不希望不必在服务器端进行遮罩。

我准备至少支持 Gecko 和 Webkit,但如果我能管理 Opera 和 IE,那将是一个奖励。

4

2 回答 2

0

谷歌搜索了很多之后,目前除了 webkit 之外似乎没有其他方法可以做到这一点。现在只需在 Photoshop 中预先屏蔽您的图像 :)

于 2010-09-08T10:28:53.423 回答
0

将包含具有较高 z-index 的透明图像的 div 绝对定位在动画的顶部?

只是一个想法,可能对你需要的东西完全没用。

<div class="animation">
</div>
<div class="mas">
</div>

.animation{height: 200px; width: 200px; position: absolute; top: 0; left: 0;}
.mask{height: 200px; width: 200px; position: absolute; top: 0; left: 0; z-index: 10; background: transparent url('mask.png') 0 0 no-repeat;}
于 2010-09-08T10:34:15.243 回答