4

<tr>a background-color(绿色)和 some <td>s 用自己的(渐变)覆盖行的背景。但是,大多数单元格都有部分单元格的背景图像(排序箭头)以及透明的背景颜色。这就是我现在正在处理的事情。

IE8外,所有浏览器都可以正常工作。它以白色背景显示那些单元格。当我打开 F12 开发人员工具并取消选中该background-color: transparent属性时,显示的绿色<tr>,就像它应该的那样。

我不能使用透明图像破解,因为我们需要background-color排序箭头。

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

4

1 回答 1

7

尝试这样的事情:

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

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

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

对于似乎不支持 rgba 的IE 8,您将需要一个 opacity 属性,这应该更适合跨浏览器:

.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; 
}
于 2013-08-29T22:44:31.030 回答