html - 如何让我的透明 div 背景在 IE6、7、8 上显示为实心

Question

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

如果您想了解我的意思，请访问该网站。

Answer 1

旧版本的浏览器将默认使用它们可以理解的内容。

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

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

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 hack，因为它们早期支持透明度，它们以某种方式应用了 rgba 中的 .7 alpha 值。

祝你好运