Question

我有一个由网站地图数据源控制的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;
}

请帮忙。

asp：菜单在IE8中不起作用，但在firefox中工作正常

0 个答案: