如何防止div 2的位置受div 1的悬停状态影响？

Question

我有一个div（div_1），当它盘旋时，它的背景图像和大小被css悬停状态替换。

问题是当div（因为它的位置是相对的）悬停在div_1之上时，div（div_2）'在'下面'的位置会被影响。

在我将div_2的位置更改为绝对位置以防止这种情况发生之前，我想知道是否有任何方法可以防止div_1的悬停状态影响div_2，而无需将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或其他之后）的解决方案。