鼠标悬停功能不适用于Google Chrome.与Firefox和IE一起正常工作.鼠标悬停在边框底部并没有消失.但如果删除border-collapse: collapse它的工作正常.为什么是这样?任何解决方案
CSS:
html, body{
margin: 0;
padding: 0;
}
.table {
border-collapse: collapse;
}
.border {
border-style: solid;
border-width: 1px;
border-color: #000000;
background-color: #deecf9;
border-left: 0px;
border-right: 0px;
}
.border1 {
border-style: solid;
border-width: 1px;
border-color: #000000;
background-color: #deecf9;
border-left: 0px;
border-right: 0px;
}
.border2 {
border-style: solid;
border-width: 1px;
border-color: #000000;
background-color: #FFFFFF;
border-left: 0px;
border-right: 0px;
border-bottom: 0px;
padding: 1px;
}
Run Code Online (Sandbox Code Playgroud)
表:
<table width="1024" border="0" align="center" bgcolor="#FFFFFF" class="table">
<tr>
<td height="9" colspan="4" class="border"></td>
</tr> …Run Code Online (Sandbox Code Playgroud)