私のページには、2 つのテーブルが並んでいます。両方のテーブルには、クリックできるものがあります。ただし、 と を使用しmariginてposition relative、2 番目のテーブルを最初のテーブルのすぐ下に移動しました。問題は、最初のテーブルのものをクリックして動作することですが、2 番目のテーブルのものをクリックしても登録されません....
これを修正する方法を知っている人はいますか？
ありがとう。
質問する
56 次
2 に答える
0
あなたが直面している問題は、別の html 要素の上に html 要素があることです。クリック イベントは、最上位の要素で発生します。これは、要素のz-index css プロパティで調整できます。値が高いほど、スタックのレイヤーが高くなります。
ただし、他のテーブルの上にそのテーブルが本当に必要な場合は、pointer-events: none; を使用できます。Flash Thunder が述べたように、ほとんどのブラウザーで。
これを ie8 以前で動作させる必要がある場合は、いくつかの複雑な解決策があります: http://www.vinylfox.com/forwarding-mouse-events-through-layers/
ここでの本当の問題は、なぜこれを行うのかということです。未知の問題に対する不安定な解決策があるようです。別のテーブルの上にテーブルが必要な理由を説明していただけますか?
于 2013-08-08T21:41:42.930 に答える
0
一部のブラウザーはプロパティをサポートpointer-events: none;しているため、オブジェクトはマウス イベントに対して透過的ですが、クロスブラウザー ソリューションではありません。IE はまったくサポートしていません。Chrome、Firefox、Safari、Opera がそうです。
于 2013-08-08T18:00:25.900 に答える