我使用了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;
}
在此处输入图像说明
尝试将行相对定位,将显示设置为块,并在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是伪装的。