css - 将 IE 7 和 8 的 CSS 过滤器属性用于渐变以及背景图像会降低图像的不透明度吗?

标签 css filter background-image gradient opacity

我在 IE 7 和 8 中为元素添加了渐变和背景图像,但是 filter 属性似乎正在改变背景图像的不透明度,因此它没有应有的明亮(而不是1.0 的不透明度更像是 0.4)。

有人知道怎么解决吗?

我创建了一个 JSFIDDLE所以你可以试试看。 (仅适用于 IE 7-8)

最佳答案

问题是:IE 将过滤器放在背景图像上,所以它实际上并没有获得不透明度,而是覆盖了渐变。

因此,唯一的解决方案是添加一个带有图像的额外 block ,这样它就会覆盖带有渐变的 block ,如下所示:http://jsfiddle.net/9UEGu/2/

如果你不想在你的标记中有一个额外的 div 并且不反对表达式,你可以这样做:http://jsfiddle.net/9UEGu/3/

关于css - 将 IE 7 和 8 的 CSS 过滤器属性用于渐变以及背景图像会降低图像的不透明度吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7028524/

相关文章:

r - dplyr 中具有特定组合的过滤器

java - 添加 OncePerRequestFilter 后 swagger 未打开是 spring boot 应用程序

css - Firefox 背景图像错误

xcode - 按钮重叠背景图片点击问题

html - 如何在不隐藏网站容器类的情况下添加背景图像

html - Div 开头的图标/图像

jquery - 如图所示,我想要我的 td 中的 div

android - 如何在 Android webview 中显示旋转/垂直文本

html - 如何调整iphone和ipad屏幕的可点击div宽度和高度?

JavaScript 垃圾邮件词过滤器