提问者:小点点

当悬停在行上时,行的底影不显示?


我使用了datatable,

当我盘旋在排底的时候阴影没有显示出来,为什么? 仅显示右阴影和左阴影。

  table.dataTable tbody tr:hover {
                    
                   background-color: #fbfbfb; box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.5); cursor: pointer; 
                   border-bottom:double;
                }

在此处输入图像说明


共2个答案

匿名用户

尝试将行相对定位,将显示设置为块,并在tr:hover中设置Z索引以使当前表行位于前面。
例如:

table tbody tr:hover {
background-color:#13326b;
color:#ffffff;
text-shadow: 1px 2px #000000;
box-shadow: 0px 0px 10px #ff0000;
-webkit-box-shadow: 0px 0px 10px #ff0000;
-moz-box-shadow: 0px 0px 10px #ff0000;
z-index:100;
}
td, th { padding-left: 16px; min-width: 170px;  text-align: left; }
table tbody tr , table tbody td{
    height:100px;
}
tr{
  display: block;
  position:relative;
  background-color:#fff;
}

匿名用户

在此处输入图像说明

 table.dataTable { 
  box-sizing: border-box; 
}

 table.dataTable td, th { 
  width:100%
}

  table.dataTable tr {
  display: block; 

}
   table.dataTable tr:hover {     
  position: relative; 
  background-color: orange;  
  cursor: pointer; 
  box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.5); 
  cursor: pointer; 
}


我用上面的代码得到了阴影,但是,ui是伪装的。