3

助けが必要です。共有アイコンでドロップアップメニューを作成していました。私の問題は次のとおりです。マウスをフッターのメイン共有アイコンの上に置き、別のアイコン (facebook など) を選択すると、マウス ホバーのようにメイン アイコンが選択されたままになりますが、そうはなりません。動作します。

<div class="footer large blue">Footer Blue
<div class="pull-right buttons">
    <ul>
        <li><a class="btn2 large share2 blue" href="#">Share</a>

            <ul>
                <li><a class="btn large rss" href="#">RSS</a>

                </li>
                <li><a class="btn large twitter" href="#">Twitter</a>

                </li>
                <li><a class="btn large plus" href="#">G+</a>

                </li>
                <li><a class="btn large facebook" href="#">Fb</a>

                </li>
            </ul>
        </li>
        <li><a class="btn2 large btt blue" href="#">Back to Top</a>

        </li>
    </ul>
</div>

問題は、要素liとaが 2 つの独立したタグであることだと思います。

この画像を見て、私が何を言っているのかをよりよく理解してください (なぜなら、私はそれをうまく説明することができないからです._.)

http://db.tt/Kujz3Pv4

コードは次のとおりです。 http://jsfiddle.net/zPavan/KHWJ4/2/

コードに問題がある場合や提案がある場合は、アドバイスに感謝します!

4

2 に答える 2

4

具体的にホバリングに<a>依存するのではなく、全体を含むリスト項目に依存させます<ul>。

li:hover > .btn2.blue {
    background-color: hsl(197, 59%, 30%);
}

その特定のliに、あなたも使用できるようなクラスを与えることをお勧めし.shareます。

http://jsfiddle.net/ExplosionPIlls/KHWJ4/3/

于 2013-02-04T22:49:16.607 に答える
0

私はこれがそれをするだろうと思います：

.buttons ul li:hover > a {
    background-color: #1f5f79;
}
于 2013-02-04T22:51:19.593 に答える