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

Question

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

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

Answer 1

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

Answer 2

实现您所寻求的目标的最佳方式是使用图像。 IE7我认为没有一些javascript操作支持不透明度。使用带有透明背景的gif或其他类型的图像。

Answer 3

这是您设置不透明度或＆lt; = IE8

的方法

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