1

ホバー時にナビゲーション リンクの上に境界線/線を追加しましたが、ホバーするたびにテキストが下に移動するようになりました。何が原因ですか？

#nav a:hover{
border-top:solid 4px #3b5998; 
color:#b7c3e6; 
padding: 6px}


.header-alignment-left.header-navigation-split #topNav{position:absolute; right:-15px}

.logo-image #topNav nav li a{padding:5px 15px; line-height:100%}
#nav a{border-top:0px solid transparent}
#nav .subnav{margin-top:0}

#nav a{border-right:1.5px solid #3b5998; height:20px}
#nav li:last-child a{border-right:0}

#topNav nav .folder ul li a {   
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out  }

#header #topNav nav .folder ul li{padding:0 24px 12px; position:relative; } 
#header{margin-top:20px !important}
#topNav{margin-top:40px}
#nav .subnav ul{padding-bottom:15px !important}
#nav .subnav ul{padding-top:15px !important}
4

1 に答える 1

0

割り当てますmargin

このようなものがうまくいくはずです。

#nav a:hover{
border-top:solid 4px #3b5998; 
color:#b7c3e6;
margin-top: 10px; 
padding: 6px}

必要に応じて、ネガを使用することもできmarginsます。

リンクの上部と下部が移動しないように、 を削除してorpaddingに置き換えることをお勧めします。padding-leftpadding-right

于 2013-08-29T23:10:43.003 に答える