防ぐには、絶対にブロックのdivのホバースタイルにdiv要素の上に要素を配置しますか？

R. Kohlisch：

私が持ってdivいる持っているがbackground-color: blue;。今、私はホバー、それが変化したときにred、私はまた、DIVの上部、意味的に兄弟に（視覚的に）である絶対位置要素を有します。

<div>
<div>My blue div</div>
<div>My absolutely positioned element, which is actually on top of my blue div</div>
</div>

今とき、私はホバー私の絶対配置要素の上に、私の青のdivが青のままになります、そして技術的に私が直接もうそれの上に浮かんでおりませんので、その赤いホバースタイルを取りません。

私はこれを防ぐことができます任意の方法？

japrescott：

あなたは絶対的な位置付け要素があることにするために、いくつかのCSSを追加することができ、あなたのポインタ（マウス、タッチ、など）のための「透明」次のCSSを追加します。しかし、これはまた（クリック、マウスオーバーなど）他のすべてのイベントを無視します

.myAbsoluteDiv {
   pointer-events: none;
}

それでもなどのイベントを添付したい場合は、より広範なCSS次使用することができます

.blueDiv{
    backgroundColor: blue;
}
.outsideDiv:hover .blueDiv {
   backgroundColor: red;
}