インデックスとして特定の要素があるサイドバーがありli、各li要素にカーソルを合わせると、li要素の上に特定の画像が表示されます（例position:relative;top:-25px;：）
最初のli要素にカーソルを合わせると、ロールオーバー画像が正常に表示されたとします。ただし、このホバーが発生している間、1番目と2番目の要素の間のスペースが増加します。なぜこれが起こっているのか理解できません。これを止めたいのです。つまり、画像はli間隔の問題なしにアイテムの上に表示されますが、単純なロールオーバーだけです。
これが私が話している問題のフィドルです：http：//jsfiddle.net/PF35v/3/
この場合、絶対ポジショニングを使用します。通常、画面の片側に「接着」されている画像や上面/側面のナビゲーションバーを処理するときに使用します。あるいは、私が使用することに設定されている状況と私が少しチートを使用する状況では....上記のフィドルで変更したものは次のとおりrelativeですabsolute
ul#nav a:hover+img {
display: block;
position:relative;
top:-35px;
margin-bottom:-48px;
}
更新されたフィドル
topただし、画像のサイズがすべて異なる場合は、との位置を個別に設定する必要がありますmargin-bottom。
「position：absolute;」を追加します to ul＃nav a：hover＃first_id + imgは、LIのプッシュダウンを停止しています（Chromeでこれを試しました）。これを試しましたか？