0

コード:

a:link { color: #111111; }
a:visited { color: #1b3a57; } 
a:hover { color: #f3371c; }

私のサイトにはたくさんのリンクがあります。そして、これらの状態は、たとえば、フッターテキスト(リンク)や一般的な本文のリンクで正常に機能しています。ただし、メインナビゲーションリンクとサブヘッダーリンクは状態を変更しません。

IE 5以降、Chrome、Opera、Safari、Maxthon、FireFoxでテストしましたが、同じ結果が得られます。

このタイプの動作を引き起こす可能性があるのは何ですか?


アップデート:

ヘッダーコード:

#Header {
    width: 100%;
    height: 120px;

    background-image: url('/Shared/Assets/Images/OrangeDot.png');
    background-position: center bottom;
    background-repeat: repeat-x;

}

    #Header #MainLogo {
        float: left;
    }

サブヘッダーコード:

#SubHeader {
    width: 100%;
    height: max-content;
}
    #SubHeader ul {
        float: left;
        margin: 20px 0 0 0;
    }
        #SubHeader ul li img {
            line-height: 1.5em;
            margin: -.30em 0;
        }
        #SubHeader ul li {
            padding: 0 10px 0 10px;

        }
            #SubHeader ul li a {
                font-size: small;
                /*color: #f3371c;*/
            }


HTMLマークアップ:

        <ul id="MainNavigation" class="HorizontalMenu WithBullets">
            <li><a class="HighlightedMenuOption" href="@Href("~/Home")">Home</a></li>
            <li><a href="@Href("~/Protected/Account/")">Sign In | Register</a></li>
            <li><a href="@Href("~/Shared/Support/")">Support</a></li>
            <li><a href="@Href("~/Shared/")">About Us</a></li>
            <li><a href="@Href("~/Shared/")">Contact Us</a></li>
        </ul>
    </div>
    <div id="SubHeader">
        <div id="categories" class="s_nav">
            <ul>
              <li id="menu_home"> <a href="@Href("~/Home")">Home</a> </li>
              <li> <a href="@Href("~/Shared/Products/")"></a>
                <div class="s_submenu">
                  <h3>Categories</h3>
                  <ul class="s_list_1 clearfix">
                    <li><a href="@Href("~/Shared/Products/")"></a></li>
                    <li><a href="@Href("~/Shared/Products/")"></a></li>
                    <li><a href="@Href("~/Shared/Products/")"></a></li>
                    <li><a href="@Href("~/Shared/Products/")"></a></li>
                    <li><a href="@Href("~/Shared/Products/")"></a></li>
                    <li><a href="@Href("~/Shared/Products/")"></a></li>
                  </ul>
                  <span class="clear border_eee"></span>
                </div>
              </li>
              <li> <a href="@Href("~/Shared/Products/")"></a>
                <div class="s_submenu">
                  <h3>Categories</h3>
                  <ul class="s_list_1 clearfix">
                    <li><a href="@Href("~/Shared/Products/")"></a></li>
                    <li><a href="@Href("~/Shared/Products/")"></a></li>
                    <li><a href="@Href("~/Shared/Products/")"></a></li>
                    <li><a href="@Href("~/Shared/Products/")"></a></li>
                    <li><a href="@Href("~/Shared/Products/")"></a></li>
                  </ul>
                  <span class="clear border_eee"></span>

                </div>
              </li>
              <li><a href="@Href("~/Shared/Products/")"></a>
                <div class="s_submenu">
                  <h3>Categories</h3>
                  <ul class="s_list_1 clearfix">
                    <li><a href="@Href("~/Shared/Products/")"></a></li>
                    <li><a href="@Href("~/Shared/Products/")"></a></li>
                    <li><a href="@Href("~/Shared/Products/")"></a></li>
                    <li><a href="@Href("~/Shared/Products/")"></a></li>
                    <li><a href="@Href("~/Shared/Products/")"></a></li>
                    <li><a href="@Href("~/Shared/Products/")"></a></li>
                  </ul>
                  <span class="clear border_eee"></span>
                </div>
              </li>
              <li><a href="@Href("~/Shared/Products/")"></a>
                <div class="s_submenu">
                  <h3>Categories</h3>
                  <ul class="s_list_1 clearfix">
                    <li><a href="@Href("~/Shared/Products/")"></a></li>
                    <li><a href="@Href("~/Shared/Products/")"></a></li>
                    <li><a href="@Href("~/Shared/Products/")"></a></li>
                    <li><a href="@Href("~/Shared/Products/")"></a></li>
                    <li><a href="@Href("~/Shared/Products/")"></a></li>
                    <li><a href="@Href("~/Shared/Products/")"></a></li>
                    <li><a href="@Href("~/Shared/Products/")"></a></li>
                    <li><a href="@Href("~/Shared/Products/")"></a></li>
                  </ul>
                  <span class="clear border_eee"></span>
                </div>
              </li>
              <li><a href="@Href("~/Shared/Products/")">Tek Screws</a>
                <div class="s_submenu">
                  <h3>Categories</h3>
                  <ul class="s_list_1 clearfix">
                    <li><a href="@Href("~/Shared/Products/")"></a></li>
                    <li><a href="@Href("~/Shared/Products/")"></a></li>
                    <li><a href="@Href("~/Shared/Products/")"></a></li>
                    <li><a href="@Href("~/Shared/Products/")"></a></li>
                    <li><a href="@Href("~/Shared/Products/")"></a></li>
                    <li><a href="@Href("~/Shared/Products/")"></a></li>
                    <li><a href="@Href("~/Shared/Products/")"></a></li>
                  </ul>
                  <span class="clear border_eee"></span>
                </div>
              </li>
            </ul>
          </div>
4

1 に答える 1

1

HTML にDOCTYPEがない場合は、 追加してみてください(動作する可能性があります ... !)

DOCTYPES が正しくないと、ブラウザーが Quirks モード (IE) に戻り、CSS 疑似クラスがそのようなシナリオで DOM とうまく連携しないためです。さらに読むには、alistapart.comで見られる doctype と css の関係を見てください。

于 2012-09-17T10:42:32.637 に答える