我试图遵循CSS: semi-transparent background, but not text中的建议。我很高兴Firefox,Safari,Opera和Chrome的结果。使用这些浏览器,我获得了类似于下面的结果,您可以在标题下看到透明背景。但是,我在IE上遇到了问题。
你应该click here to see the jsfiddle。
在IE8中没问题,但在IE6 / 7中根本没有彩色带。任何人都知道如何解决它?
答案 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/