我希望创建使用 css 箭头的面包屑,并希望在背景上应用渐变,但无法为 css 三角形本身设置渐变。
我想知道是否可以在三角形上设置不透明度,然后将它们放在具有所需背景渐变的 div 顶部。这也必须兼容到 IE7。到目前为止还没有运气。有没有人有什么建议?
我希望创建使用 css 箭头的面包屑,并希望在背景上应用渐变,但无法为 css 三角形本身设置渐变。
我想知道是否可以在三角形上设置不透明度,然后将它们放在具有所需背景渐变的 div 顶部。这也必须兼容到 IE7。到目前为止还没有运气。有没有人有什么建议?
这是您设置不透明度或 <=IE8 的方式
.triangle {
filter: Alpha(Opacity=80); // ie argh!
opacity: 0.8; // standard browsers
}
使用 PNG 图像作为箭头。箭头图像必须具有透明背景。
实现您的目标的最佳方法是使用图像。IE7 我认为没有一些 javascript 操作不支持不透明度。使用具有透明背景的 gif 或其他类型的图像。