2

私は問題をよく説明したいと思います!? ここで見ることができます：

http://dealmob.de/index_dev.html

メニューを上下にすばやくホバーすると、残っていないことがわかります。代わりに、マージン/パディングを数ピクセル変更するようにちらつきます。

この問題を解決する方法について何かアドバイスはありますか?

どうもありがとう

リクエストのように:

        #topcities {
            float:right;
        }  

        #topcities li {
            padding-left:5px;
            width:100px;
        }
        #topcities li:hover {
            cursor:pointer;
            color:#000;
            background: url(images/hover_menue_back.jpg) repeat-x #FFF;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border:grey 1px solid;
            width:100px;
        }
4

2 に答える 2

6

これは、ホバー時に境界線を追加し、非ホバーに境界線がないためです。跳ねないように透明な境界線を追加します。

    #topcities li {
        padding-left:5px;
        width:100px;
        border: 1px solid transparent;
    }

サポートしていないブラウザーborder-color: transparent(IE を見ています) で色付きの境界線が必要ない場合は、マージンまたはパディングにピクセルを追加するだけです。

于 2010-05-11T19:15:07.093 に答える
0

ホバーしない場合は padding-left があり、ホバー中は padding-left はありません。ホバー ルールにも padding-left ルールを追加します。

于 2010-05-11T19:21:01.183 に答える