你可以设置不透明度的跨浏览器兼容的css三角形

Question

我希望创建使用css箭头的面包屑，并且想要在背景上应用渐变，但无法为css三角形本身设置渐变。

我想知道是否可以在三角形上设置不透明度，然后将它们放置在具有所需背景渐变的div顶部。这也必须兼容到IE7。到目前为止没有运气。有没有人有什么建议？

Answer 1

使用PNG图像作为箭头。箭头图像必须具有透明背景。

Answer 2

实现你所寻找的最好方法就是使用图像。 IE7我不认为没有一些JavaScript操作支持不透明。透明背景使用GIF或其他类型的图像。

Answer 3

这是你如何设置不透明度或< = IE8

.triangle { 
    filter: Alpha(Opacity=80); // ie argh! 
    opacity: 0.8; // standard browsers 
}