初始鼠标悬停后,CSS IE悬停菜单消失

时间:2013-09-10 18:24:09

标签: css

当我第一次翻阅我的网站上的下拉菜单时,我第一次滚动它没有问题,但如果我滚下来然后用鼠标回滚一个非常小的白色盒子,但是链接消失了,我到处搜索但找不到答案。以下是我的代码:

.natlmenu
{
position:absolute;
width:980px;
text-align:left;
z-index:300;
top:121px;
margin-left:0px;
}

.natlmenu a, .natlmenu a:hover, .natlmenu a:visited, .natlmenu a:active
{
text-decoration:none;
color:#ffffff;
}

.natlmenu .mapsection
{
}

.natlmenu .mapsectionhead
{

font-size:16px;
height:36px;
padding:10px 15px 0 12px;

}

.natlmenu .mapsection:hover .mapsectionhead
{
background-color:White;

}

.natlmenu .mapsection:hover a, .natlmenu .mapsection:hover a:active, .natlmenu .mapsection:hover 
a:visited
{
color:#002347;
text-decoration:none;
}

.natlmenu .mapsection:hover a:hover
{
color:#002347;
text-decoration:underline;

}

.natlmenu .mapsection table
{
display:none;
position:absolute;
top:49px;
left:0px;
background-color:#ffffff;
list-style-type:none;
margin:0;
padding: 5px 15px 5px 15px;
border-left: 3px #002347 solid;
border-bottom: 3px #002347 solid;
border-right: 3px #002347 solid;

}

.natlmenu .mapsection:hover table
{
display:block;
}


.natlmenu .mapsection table td
{
display:inline-table;
background-color:#ffffff;
padding: 9px 17px 7px 17px;
box-shadow:none;
width:100px;
font-size:14px;
font-weight:bold;
padding:5px 10px 5px 10px;
vertical-align:top;
}

.natlmenu .mapsection table td ul
{
box-shadow:block;
display:block;
position:static;
padding:0px 0 0 0;
margin:9px 0 0 0;
border:0px;
}

.natlmenu .mapsection table td ul li
{
display:block;
font-size:12px;
font-weight:normal;
padding:0;
margin:0;
padding: 0 0 7px 2px;
}

0 个答案:

没有答案