0

私はいくつかのトピックを読みました

他にもたくさんありましたが、検索したものの答えが見つかりませんでした。要素が他の要素の上に配置されると、これらとの相互作用が中断されます (イベントが発生しません)。これは、下にあるテキストを選択できないか、要素イベントがトリガーされないことを意味します。これはjsFiddleのデモです。

ご覧のとおり、2 つの問題があります。

  1. すでに述べたように、テキストを選択することも、ホバー イベントをdiv.hover要素に伝達することもできません。
  2. 要素のサイズがdiv.shadow完全に正しくありません。そのため、div.hover要素の一部がシャドー ボックスの外に出ています (そこで、ホバー イベントがホバー要素に到達します)。

最初の問題については、CSS のみの解決策を希望しますが、JavaScript を使用しても満足できます。

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

付録: Mozilla Firefox 15.0.1 での問題 2.

ここに画像の説明を入力

4

1 に答える 1

1
  1. CSSpointer-eventsプロパティを使用できます。div.shadowこのjsFiddleごとに設定します。
  2. 問題が何であるかわかりません（Chrome 23を使用）。

アップデート

#2 では、 on の固定高さを削除しdiv.wrapperて追加overflow: autoします (これにより、 on のマージンdiv.hoveredが に何らかの影響を与えることができdiv.wrapperます)。このjsFiddleを参照してください。

于 2012-09-30T08:33:45.543 に答える