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;
}