html – CSS box-shadow落后于firefox中的flash播放器

我想在它周围创建一个带有css box-shadow的下拉菜单,我有一些使用flash的内容,当下拉列表出现时出现问题并且后面有闪光灯,没有显示box-shadow.

实际上盒子阴影落后于flash播放器

我简化了结构

我使用的是Firefox 17.0.1,chrome 23.0.1271.97和flash player 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>

任何人都知道发生了什么和解决方案,谢谢你的帮助:)

最佳答案 尝试添加:-moz-box-shadow:50px 50px 130px#000000;

点赞