1

サイトで CSS3 Mega Drop Down Menu を使用してメニュー バーを作成しています。liのID を使用nodropして、ページの「ホーム」リンクがドロップダウン メニューの背景を作成しないようにしました。

<ul class="menu"><!-- BEGIN MENU -->

   <li id="nodrop"><a href="http://www.eco-fireplaces.co.uk">Home</a></li>

     <li><a href="" class="drop">Fireplaces</a><!-- Begin 1 column Item -->

        <div class="dropdown_1column"><!-- Begin 1 column container -->

            <div class="col_1 firstcolumn">

                <ul class="levels">

                    <li><a href="#">FreelanceSwitch</a></li>

                    <li><a href="#" class="parent">Creattica</a>
                        <ul>

nodrop「ホーム」リンクの CSS :

.menu li#nodrop {
    z-index:2;
    float:left;
    text-align:center;
    position:relative;
    padding: 4px 10px 4px 10px;
    margin-right:30px;
    margin-top:7px;
    background:none;
    border:none;
}

何らかの理由で、「ホーム」リンクの色がまだ白に変化しているため、ページの背景では見えません (これも白であるため)。問題は次の CSS ファイルにあると思います。

.menu li:hover a {
    color:#ffffff;
    text-shadow: none;
}

上記は「暖炉」リンクでは問題なく機能しますが、「ホーム」リンクを緑色にするにはどうすればよいですか?

liID#nodropをCSSに含める.menu li:hover a必要がありますか? もしそうなら、どうすればよいですか?

ヘルプとアドバイスをいただければ幸いです。

私の Web ページでホーム リンクが消えている例を見ることができます (以下のリンクを参照)。

私のサイトへのリンク > http://www.eco-fireplaces.co.uk/fireplaces.html

4

1 に答える 1