2011-01-24 2 views
9

私は、HTMLテキストをオーバーレイしたいグラフィカルな効果があるとしましょう。この要素は、サイトのユーザビリティを妨げてはいけません。対話的な目的はありません。 キャンバスなどの特定のhtmlオブジェクトのすべてのマウスインタラクションを無効にすることができますか?それで、基本的なオブジェクトとまだやりとりすることができますか?キャンバスのすべてのマウスインタラクションを無効にして、基礎となるオブジェクトと対話できますか?

これは素晴らしいことです!

+0

いいですね。誰でもこれをすることができますか? –

答えて

20

pointer-events:none CSS property(SVGで最初に実装され、HTMLへの途中で)を使用すると、要素のヒット検出をオフにすることができます。

これはこの執筆時点では非標準であり、一部のブラウザでのみサポートされています。 (FirefoxやSafari/Chrome、ただしOperaやIEは使用できません)。これ以外の方法はありません。

ここにはこのプロパティのin-progress CSS3 referenceがあります。

CSS pointer-events property alternative for IEも参照してください。

+0

ヒントありがとう!私はそれをチェックした、あなたは正しい、サファリとそれはそれを行うことができます、オペラはできません...私はこれが標準になるのを待つことができません! – rassoh

+0

@Gaggoようこそ。スタックオーバーフローを初めて知りましたので、役に立つと思われる回答を上向き(上向き三角)し、質問に最もよく答える1つの回答(もしあれば)を受け入れる(チェックマークを付ける)べきであることを理解してください。私はあなたが私のことを受け入れる必要があると示唆していません - これまでの回答が "それは不可能"である場合、特に良い答えが出てくるかどうかを確認するのは数日待つのが得意ですが、サイト、時間を寄付している人々の評判、そして良い答えを強調するために参加するあなたの評判が挙げられます。 – Phrogz

+0

@ Progz指示に感謝していますが、私はまだシステムに精通していません...誰かが私の投稿に答えると、電子メール通知をどこで有効にすることができますか? – rassoh

0

いいえ - 要素が上に描画されている(高いZインデックス)場合、マウスはその要素と対話できません。

+0

こんにちはアレックス、あなたの答えをありがとう、どのように悲しい...あなたは、マウスは常に最高のz-インデックスを持つ要素とやりとりすることができますか?最高の要素から下位の要素にイベントを伝播する方法はありますか? – rassoh

+0

@Gaggo私はそう信じません - 大部分の場合、隠された*か*覆われた*要素にクリックを伝播させるのは意味がありません。私は間違っているかもしれませんが。 – alex

関連する問題