Question

我正在建立一个网站，除了旧的IE版本，它看起来我也想在所有浏览器上使用它。透明div背景是我网站的重要组成部分，我想知道是否有某种方法可以让IE6看到：rgba（0,0,0,0.6）并将其更改为＃000000。

如果您想看看我的意思here是该网站。

Answer 1

旧版本的浏览器默认为他们所理解的内容。

body {
  background: #000;
  background: rgba(0,0,0,.25);
}

在现代浏览器中是透明的，对于旧版本的IE等，可以回归普通的#000。

Answer 2

只是声明这样的后备：

div {
   background: #000000; /* the fallback */
   background: rgba(0, 0, 0, 0.6); 
}

不知道rgba的浏览器（如IE6）将无法理解第二行，忽略它并使用第一个声明。

Answer 3

这是我的浏览器独立背景透明度

.transparent {
 background:rgb(0,33,66);
 background:rgba(0,33,66,0.7);
 filter:progid:DXImageTransform.Microsoft.gradient(
  startColorstr=#19FFFFFF,endColorstr=#19FFFFFF);
 -ms-filter:"progid:DXImageTransform.Microsoft.gradient(
  startColorstr=#19FFFFFF,endColorstr=#19FFFFFF)";
}

第1行设置为不支持透明度的浏览器上的纯色0,33,66

第2行设置70％alpha的相同颜色

最后两行是IE hacks，因为他们早期支持透明度，他们以某种方式应用rgba中的.7 alpha值。

祝你好运

如何让我的透明div背景在IE6,7,8上显得稳固

3 个答案: