表格行的背景不透明度 <tr>答案

【问题标题】：Background Opacity for Table row <tr>表格行的背景不透明度 <tr>
【发布时间】：2016-09-23 08:33:27
【问题描述】：

我想对表格行应用不透明度的背景色，而不是对表格数据应用不透明度<td>，我使用的是下面的样式

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

它适用于 Internet Explorer，不透明度仅适用于表格行而不适用于 <td>，但对于其他浏览器，不透明度也适用于 <td>，因为它附加到 <tr>。

其实我的鼠标悬停事件是

_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)", 
                    });
    },

【问题讨论】：

您可以为您的代码制作一个小提琴，以便我们检查问题吗？
表格行不能有背景；只有单元格会这样做，并且它们会从行继承。
你为什么用 JavaScript 和 jQuery 标记你的问题？
对于我的鼠标悬停事件，我使用 jquery 应用了 css，所以我用 javascript 和 jquery 标记，蓝天

标签： javascript jquery html css

【解决方案1】：

不要将"与样式一起使用，请按以下方式编写：

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

【讨论】：

对不起，我在后面的代码中使用了这种样式，所以我忘了去掉引号，但我没有得到答案。
嗨！我确实对您的答案投了反对票，因为您的解决方案不是最好的。你应该谈论 RGBA ;-)

【解决方案2】：

只需将 RGBA 用于 background-color instead of HEX。

在你的情况下：

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

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

【讨论】：