css实现table中td单元格⿏标悬浮时显⽰更多内容table中,td单元格⽆法显⽰下全部内容,需要在⿏标hover时显⽰全部内容。
正常显⽰样式:
⿏标hover时:
css鼠标点击样式html:
<td>displayAddress<span class="tdtip">popAddress</span></td>
css:
td{
position:relative;
z-index:2;
}
td:hover{
z-index:3;
background:none;
}
td .tdtip {
display: none;
}
td:hover .tdtip {
display: block;
position: absolute;
top: 8px;
background-color: whitesmoke;
color: royalblue;
word-break: break-all;
}
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论