该页面有多个div。每个div都有一个锚标记和一个跨度。 div的悬停启用了跨度,但在IE中鼠标输出后没有正确替换css。有时,多个div的悬停同时保持打开状态。 你能帮忙吗?首选 - CSS修复。
代码段:
HTML :
<div class="fL w320 gd_bsas_tbl_descr">
<a onclick="ToPD('1675811');" id="ld_1675811" class="csLinksNewProdDescSL">HP 4y 4h24x7 Onsite... </a>
<span class="gd_bsas_tbl_descr_in">HP 4y 4h24x7 w/DMR ProLiant and Defective Media Retention</span>
</div>
CSS :
.gd_bsas_tbl_descr {
font-color:#424242;
position:relative;
}
.gd_bsas_tbl_descr a {
color:#424242;
}
.gd_bsas_tbl_descr_in {
background:#e4e5f0 url('/images/bsas_g.png') repeat-x;
border:1px solid #767676;
position:absolute;
top:14px;
left:0;
display:none;
width:400px;
padding:10px;
font-weight:normal;
color:#424242;
z-index:2;
border-radius:5px;
-webkit-border-radius:5px;
}
.gd_bsas_tbl_descr:hover .gd_bsas_tbl_descr_in {
display:block;
}
.gd_bsas_tbl_descr:hover .gd_bsas_tbl_descr_in:hover {
}
.gd_bsas_tbl_descr_in2 {
background:#e4e5f0 url('/images/bsas_g.png') repeat-x;
border:1px solid #767676;
position:absolute;
top:14px;
left:0;
display:none;
width:150px;
padding:10px;
font-weight:normal;
color:#424242;
z-index:2;
border-radius:5px;
-webkit-border-radius:5px;
}