0

作業ソリューション:

http://jsfiddle.net/DPNLq/5/

元の質問:

BBC Web サイトにあるものと同様のメニュー ホバー効果を作成しようとしています。

http://www.bbc.co.uk/

ホバーされているリンクの下部に線を作成するトップ メニュー。私は似たようなことをしようとしていますが、一番上になりたいと思っています。

私が経験している問題を示すために、次の例を作成しました。

http://jsfiddle.net/DPNLq/1/

<a href="#" class="menu_link">link 1</a>
<a href="#" class="menu_link">link 2</a>
<a href="#" class="menu_link">link 3</a>

a.menu_link{
    height:50px;
    display:block;
    float:left;
    margin-right:10px;
    padding:0px 5px 0px 5px;
}

a.menu_link:hover{
    border-top:5px solid black;
    padding-top:5px;
}

私の例のリンクにカーソルを合わせると、線がリンクを押し下げます。私はこれが起こらないようにしたくありません。それを止める方法がわかりません。

助言がありますか？

4

4 に答える 4