0

IE7 を対象としたページを作成しています。ページのセクションで、ユーザーは、背景画像とその他のプログラムで追加された多数の div を含む領域 (div 要素) を回転およびズームインおよびズームアウトできます。画像以外の div は空ですが、位置、色、透明度を持つように css でスタイル設定されています。これらは、ユーザーのアクションに基づいて画像の領域を強調表示するように機能します。

ここから jQuery 2D Transformation Plugin を使用しています: https://github.com/heygrady/transform/wiki で、回転とスケーリング/ズームを行います。ユーザーとのやり取りを処理するために、他の多くの JavaScript と jquery を使用しています。

ユーザーが div をスケーリングまたは回転すると、ハイライト div の透明度が失われます。それらは親の div とイメージに合わせて完全に回転およびスケーリングしますが、色は不透明で濁ってしまいます。ハイライトの後ろの領域が黒くなったかのようです。

それについて私に何ができるか、誰にも分かりますか？変換後にJavaScriptを介してcssスタイルを再適用しようとしました。div の色を変更することはできますが、透明度を変更すると、div が多かれ少なかれ濁ってしまいます。再び透明になることはありません。

おそらくもっと簡単な質問: このライブラリで作成された Transform を削除することは可能ですか? それが可能であれば、ユーザーが 100% のスケールに戻り、回転していないときに、すべてをリセットできるかもしれません。それは理想的ではありませんが、現在の状況よりはましです。

4

2 に答える 2

2

jQuery ライブラリを使用していると仮定すると、css ルールを削除するには、空の文字列を渡すだけです。

$('selector').css('transform', '');
于 2012-10-19T00:40:19.630 に答える
1

質問のコメントでの会話ごとに答えてください:)

問題を引き起こしている要素を説明していることから、不透明度が 25% の色付きの div しかありません。代わりに、半透明の PNG を各 div の背景画像として使用して、同じ効果を達成し、問題を回避することができます。

于 2012-10-19T19:09:24.910 に答える