1

サイトマップ データ ソースによって制御される ASP メニュー コントロールがあります。メニューを CSS で簡単に見せるために、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;
}

助けてください。

4

0 に答える 0