表行的背景不透明度

我想将不透明度的背景颜色应用于表格行，而不是将不透明度应用于表格数据

，我使用下面的样式

  tr { background-color: #4682B4; filter:alpha(opacity=60); -moz-opacity:0.6;/* Mozilla */ opacity: 0.6; filter:alpha(opacity=60); } 

它适用于Internet Explorer，不透明度仅适用于表格行而不适用于

，但对于其他浏览器，不透明度也适用于

因为它附加到

。

实际上我的鼠标hover事件是

 _cellMouseHover: function (e) { var $target = $(e.target); var row = $target.closest('tr'); row.css({"background-color": "#4682B4", "filter":"alpha(opacity=60)", /* IE */ "-moz-opacity":"0.6", /* Mozilla */ "opacity": "0.6","filter":"alpha(opacity=60)", "filter": "progid:DXImageTransform.Microsoft.Alpha(opacity=0.6)", }); }, 

Answer 1

不要使用"有样式，请按以下方式编写：

 tr { background-color: #4682B4; filter:alpha(opacity=60); /* IE */ -moz-opacity:0.6; /* Mozilla */ opacity: 0.6; filter:alpha(opacity=60); } 

Answer 2

只需使用RGBA作为background-color 而不是HEX 。

在你的情况下：

 tr { background-color:rgba(70, 130, 180, 0.6) } 

RGBA的工作方式如下：（红色[0 – 255]，绿色[0 – 255]，蓝色[0 – 255]，不透明度[0 – 1]）。