我有一个由站点地图数据源控制的 asp 菜单控件。为了使菜单看起来很简单,我在 App_Browser 文件夹中使用了 cssfriendlyadapters.browser。该菜单在 Firefox 中运行良好,但在 IE 8 中无法运行。请帮忙。
下面是我用于菜单的 css 文件。
.navMenu
{
width: 100%;
}
.navMenu ul
{
list-style: none;
float: left;
position: relative;
z-index: 100;
display: block;
}
.navMenu ul ul
{
display: none;
left: 0%;
top: 100%;
}
.navMenu ul ul ul
{
left: 101%;
top: 0px;
}
.navMenu li
{
float: none;
list-style: none;
width: 120px;
text-align: center;
}
.navMenu li li
{
width: 150px;
text-align: left;
padding-left: 5px;
float: none;
}
.navMenu a
{
text-decoration: none;
outline: none;
width: 100%;
float:left; clear:left;
}
.navMenu a, .navMenu span
{
display: block;
padding: 3px 0px;
}
/* Menu LAF Customizations */
.navMenu
{
height: 21px;
background: #F6F2E7;
}
.navMenu .AspNet-Menu
{
background: #fff;
}
.navMenu li
{
margin: 0px 1px;
border-style: solid;
border-width: 1px;
border-color: #E1D5B0;
}
.navMenu li:hover
{
background: #E1D5B0;
border-color: #D8C797;
}
.navMenu li li
{
margin-bottom: 0px;/* Setting 1px here creates a bug in IE, menu disappears */
margin-left: -1px;
background: #F6F2E7;
border-top-style: none; /* to offset above IE bug */
}
.navMenu li li:first-child
{
border-top-style: solid; /* to offset above IE bug */
}
.navMenu a, .navMenu a:visited, .navMenu a:hover
{
color: #000;
}
.navMenu li li.AspNet-Menu-WithChildren span
{
background:url(../img/arrow.png) no-repeat 97% center;
}
请帮忙。