小编use*_*224的帖子

css边框不能处理chrome中的mouseover事件?

鼠标悬停功能不适用于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)

html css css3

10
推荐指数
1
解决办法
1431
查看次数

标签 统计

css ×1

css3 ×1

html ×1