0

タイトルが悪いのかもしれませんが、言葉遣いに少し苦労しました...

基本的に、アルファチャンネルを持つpngの実際のコンテンツ上でのみjQueryのホバーを起動させることは可能ですか?

したがって、下の画像では;

http://i.imgur.com/3kO7v.png

残りのドキュメント境界を構成するアルファ チャンネルではなく、四角形でのみ起動します...

私は明らかな $('obj').hover(function(){stuff}) を試しましたが、これはアルファチャンネルでも発生します...

これの最終的な実装は、単に回転した正方形よりも複雑な形状のためのものになるため、css3 のトリックは基本的には公開されていますが、バックアップ/シムで使用できます。さらに、IE7 と ipad、iphone をサポートする必要があります。アイポッド....

CSS2 ソリューションがあれば、それも適しています。また、この問題に関する実際のガイダンスは大歓迎です。これに対する私のバックアップは、空のdiv、表示ブロックを持ち、それを形状の上に配置してから使用することです。これは、正方形ではないオブジェクトには明らかに理想的ではありません。

ヒットやヒントは大歓迎です。

ありがとうございました

4

1 に答える 1

1

はい、要素のスタック コンテキストによっては可能です。ページ上の特定の要素にフォーカスを当てると、実際には同じスタッキング コンテキスト内の他のすべての要素にフォーカスしていることに注意してください。

だからあなたができることは、イベントがスタックをバブリングするのを止めることです(「ホバー」したい要素が、ホバー効果を防ぎたい要素よりもスタック内で低い場合)、または具体的に onhover のデフォルトを防止します。実際にホバー効果を得たいものを除いて、スタックコンテキスト内のすべての要素のイベント。

于 2012-07-17T14:25:30.410 に答える