你能为跨浏览器兼容的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
}