jQueryオーバーレイに穴をあけようとすると、問題

Question

jQueryツールキットから公開するのと同じようなことをしようとしています。

http://flowplayer.org/tools/demos/toolbox/expose/index.html

私は背景として画像を使用して、それ以上のオーバーレイを持っており、100％として目に見える（一種の逆ハイライトのような）画像の一部分だけを明らかにしようとしています除き。

私の現在のソリューションは、次のとおり

Iは、画像の背景DIVにオーバーレイを作成し、オーバーレイのより高い可視部DIVのZインデックスを作ります。しかし、可視セクションのdivの背景が透明なので、divは単にオーバーレイを表示します。私が見たプラグインの仕組みは、目に見えるセクションdivの背景を色に設定することです。かなり大きいイメージを使用しているので、div全体をオーバーレイの上に置くことができます。私は使用するオプションがありませんdivの色付きの背景。これらの背景画像が巨大であるため、元画像のクローンコピーを表示したくない場合もあります。

オンラインでこれを行う方法に関するドキュメントが見つかりませんでした。私が得ることができるフィードバックをいただければ幸いです。

Answer 1

私は、absolutizeという要素に、比較的高いZインデックスを設定して、その下の薄くなったレイヤーを他のコンテンツよりも高く置くことをお勧めします。それはあなたが望む効果の外観を与えるでしょう。