2011-08-04 5 views
0

私はこのHTMLを持っています。 Flash#divはフラッシュオブジェクト用です(swfobjects)。コンテナdiv container2があります。これは、Flashオブジェクトが更新され、ユーザーがクリックしないように再構築するときのカーテンのように、コンテンツ上に配置します。コンテンツのコンテナdiv

//rest of html code 
<div id="container2"> 
<div id="flash1"></div> 
<div id="flash2"></div> 
<div id="flash3"></div> 
<div id="flash4"></div> 
</div> 
//rest of html code 

私はこれを達成するためにフラッシュdivタグの上に絶対位置のdivを試してみたが、これは私が以前のdivに使用jQueryのslidetoggle効果では動作しません(それはページを狭く奇妙な幅の振る舞いを持っています)したがって、私はこの別のアプローチを試してみることにしました。これはもっと効率的なようです。
これを達成する方法はありますか?私は主にjQueryだけでなく、厳格なJavascriptなどにもオープンしています。

+0

すべてのdivにz-indexを追加しようとしましたか?これはトリックを行う必要があります。 position:conteiner2の絶対値(btw:そのような名前は避けてください!)とz-index:100、他のすべての位置:relativeおよびz-index:10(z-indexはpositionが設定されている場合のみ有効です)あなたの唯一の問題が幅であれば、それを手動で設定しようとしましたか?どのブラウザでslidetoggleに問題がありますか?それがIEであれば、それはよく知られている問題であり、あなたはポジションを取るべきではないということです。しかし、それにはいくつかの修正があります。たとえば、高さ101%またはズーム1のアドバイスを設定しています。 – mkk

+0

私はすでにフラッシュdivとコンテナ2の両方にZ-インデックスを追加しています(この名前は、 CSSファイルでは最初のものは-1、後者のものは1になります。私はちょうどfadeInとfadeOut jquery関数を使用して – Kaplan

+0

あなたはインターネットエクスプローラでこの問題があるかどうか質問に答えていませんでした。私は最近、slidetoggleと同じ問題を抱えていましたが、このブラウザでのみです。私はいくつかの回避策を提案しましたが、あなたが試したかどうかは分かりません。インターネットエクスプローラの[slidetoggle](http://www.ndoherty.biz/2007/09/jquery-slidetoggle-and-internet-explorer/)に関する投稿(有益なコメント付き)です。絶対位置をflash1、flash2、flash3などに設定し、それをcontainer2から削除しようとすることができます...もう少し作業は必要ですが、そのトリックを行うべきです。 – mkk

答えて

0

私は最終的には、MKKによって提案された回避策に従ってください。これは、適用されたルールをslid divに完全に削除して、私のために働いただけです。
シンプルだが効果的。

0

スライドアップするときにdivを削除します。
スライドを下ろすときにdivを追加します。

幸運=)

0

私にとってあなたは、コンテナ内の別のdivを追加して、フラッシュOBJSをオーバーレイするためにそれを使用する必要があります。コンテナーを相対位置とオーバーフロー:非表示にして、div子を使用してコンテンツをカバーします。

マルコ

+0

これを行うと、そのdivに高さと幅の値を設定する必要があります。これによって、前のdivの上にスライドするとページが狭くなります。 – Kaplan

+0

今私は私のマックから離れています。あなたが今晩待つことができるなら、私は試してみるでしょう! Bye – EmarJ

+0

私は月曜日以来これにこだわっていますが、それ以上に傷ついてくれることはありません – Kaplan

関連する問題