1. 计算机技术网首页
  2. JQuery使用教程

jQuery技术:表行的背景不透明度

• JQuery使用教程 • 阅读 2

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

，我使用下面的样式 

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

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

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

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

    在你的情况下： 

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

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

      以上就是jQuery教程分享表行的背景不透明度相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。

      本文来自网络收集，不代表计算机技术网立场，如涉及侵权请联系管理员删除。

      ctvol管理联系方式QQ:251552304

      本文章地址：https://www.ctvol.com/jquerytutorial/541557.html

      赞 (0)
      0
      上一篇 2021年1月4日
      下一篇 2021年1月4日

      精彩推荐