css - div_1のホバー状態によってdiv_2の位置が影響を受けるのを防ぐ方法は？

Question

div（div_1）があり、ホバーすると背景画像とサイズがcssホバー状態に置き換えられます。

問題は、div（div_2）の位置が相対的であるため、div_1にカーソルを合わせると、この位置がdiv_1の下にあることです。

これを防ぐためにdiv_2の位置を絶対に変更する前に、div_2の位置を絶対に変更せずに、div_1のホバー状態がdiv_2に影響を与えるのを防ぐ方法があるかどうか疑問に思いました。

ありがとうございました。

Answer 1

更新/解決策: https://stackoverflow.com/a/4502693/1063287 から

これで「div_1」にカーソルを合わせたときに「div_2」の位置を制御できます。

#div_1:hover + #div_2 {
    top: -100px !important;
}

この特定のソリューションは、div_2 が div_1 の子ではない場合に機能することに注意してください。他のシナリオ (同じ div 内、親 div の直後など) のソリューションは、上記のリンクで見つけることができます。