4

css box-shadow を含むドロップダウン メニューを作成したいのですが、フラッシュを使用するコンテンツがいくつかあります。問題は、ドロップダウンが表示され、その背後にフラッシュがある場合です。実際には、box-shadow は flash player に遅れをとっています

構造を簡素化 http://i.imgur.com/QEjlt.jpg

私は Firefox 17.0.1 、クロム 23.0.1271.97 、およびフラッシュプレーヤー 11.5.502.135 を使用しています

スタイル

.test { position:absolute; z-index: 100; left:50%; top:30px; border:3px solid blue;width:200px; height:200px; background:gray; box-shadow:50px 50px 130px #000}
#flash{ position:absolute; left:50%; z-index:-100}

HTML 構造

<div class="test"></div>
<div id="flash">    
<object width="100%" height="400" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000">
<param value="28bc2_2.swf" name="SRC">
<embed width="100%" height="400" src="28bc2_2.swf">
</object>
</div>

誰でも何が起こるか、解決策を知っています。助けてくれてありがとう:)

4

3 に答える 3

1

追加してみてください: -moz-box-shadow:50px 50px 130px #000000;

于 2012-12-26T11:36:30.703 に答える
1

box-shadow クロスブラウザーを取得するには、次のコードが必要です。

box-shadow: 50px 50px 130px #000;
-webkit-box-shadow: 50px 50px 130px #000;
-moz-box-shadow: 50px 50px 130px #000;

wmodeまた、埋め込みフラッシュにパラメーターを 追加してみてください。

<div class="test"></div>
<div id="flash">    
<object width="100%" height="400" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000">
<param value="28bc2_2.swf" name="SRC">
<param value="transparent" name="wmode">
<embed width="100%" height="400" wmode="transparent" src="28bc2_2.swf">
</object>

于 2012-12-26T11:39:43.570 に答える
0

クロスブラウザ CSS の使用に加えて... (-moz- および -webkit- 他の人が言及したように)

.testの z-index 値よりも高いの z-index 値を設定してみてください#flash。また、クラスで div 内に #flash を配置してみてください.test。

現在、フラッシュ div の z-index を -100 に設定し、テスト (これはメニューですか?) の z-index を 100 に設定しているようです...当然、フラッシュ コンテンツは.test.

于 2012-12-26T11:38:25.693 に答える