IE 6和7中的透明背景颜色,但不是透明文本

时间:2012-01-23 16:04:59

标签: html css internet-explorer

我试图遵循CSS: semi-transparent background, but not text中的建议。我很高兴Firefox,Safari,Opera和Chrome的结果。使用这些浏览器,我获得了类似于下面的结果,您可以在标题下看到透明背景。但是,我在IE上遇到了问题。

你应该click here to see the jsfiddle

Expected Result

在IE8中没问题,但在IE6 / 7中根本没有彩色带。任何人都知道如何解决它?

1 个答案:

答案 0 :(得分:1)

div.header

删除:

background-color: #0a5787;
background: transparent;

添加:

background: none;
zoom: 1;

更改:

/* For IE 5.5-7 */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#900a5787, endColorstr=#900a5787);
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#900a5787, endColorstr=#900a5787)";

当我测试它时,这适用于IE7,理论上我确信它应该在IE6中工作,但在我的模拟器上它不起作用。

JSFiddle:http://jsfiddle.net/3jEbC/