Question

<tr>有background-color（绿色），有些<td>用自己的（渐变）覆盖行的背景。然而，大多数细胞具有部分细胞的背景图像（分选箭头）以及透明背景颜色。这就是我现在正在处理的事情。

除 IE8外，所有浏览器都可正常使用。它显示具有白色背景的那些细胞。当我打开F12开发者工具并取消选中background-color: transparent属性时，<tr>中的绿色显示，就像它应该的那样。

我无法使用transparent image hack，因为我们需要background-color来排序箭头。

如何让<tr>的绿色背景显示到IE8中的单元格？

Answer 1

尝试这样的事情：

background: rgba(200, 54, 54, 0.5);

前三个数字是背景颜色的红色，绿色和蓝色值，第四个是alpha通道。

Alpha通道的工作方式与不透明度值相同。

对于 IE 8 ，它似乎不支持rgba，你需要一个不透明度属性，下面的内容应该更适合浏览器友好：

.transparent {

/* works for IE 5+. */
filter:alpha(opacity=30); 

/* works for IE 8. */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";

/* works for old school versions of the Mozilla browsers like Netscape Navigator. */
-moz-opacity:0.3; 

/* This is for old versions of Safari (1.x) with KHTML rendering engine */
-khtml-opacity: 0.3; 

/* This is the "most important" one because it's the current standard in CSS. This will work in most versions of Firefox, Safari, and Opera. */  
opacity: 0.3; 
}

IE8中的透明背景颜色

1 个答案: