Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html firefox中的CSS盒阴影落后于flash播放器_Html_Css - Fatal编程技术网

Html firefox中的CSS盒阴影落后于flash播放器

Html firefox中的CSS盒阴影落后于flash播放器,html,css,Html,Css,我想创建一个下拉菜单,周围有css框阴影,我有一些内容使用flash,问题是当下拉菜单显示出来,后面有flash时,框阴影不显示。 实际上,盒子的阴影落在了flash播放器后面 我简化了结构 我使用的是Firefox 17.0.1、chrome 23.0.1271.97和flash player 11.5.502.135 风格 HTML结构 <div class="test"></div> <div id="flash"> <object wi

我想创建一个下拉菜单,周围有css框阴影,我有一些内容使用flash,问题是当下拉菜单显示出来,后面有flash时,框阴影不显示。 实际上,盒子的阴影落在了flash播放器后面

我简化了结构

我使用的是Firefox 17.0.1、chrome 23.0.1271.97和flash player 11.5.502.135

风格

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

除了使用跨浏览器css。。。(-moz-和-webkit-就像其他人提到的那样)


尝试将
.test的z索引值设置为高于
#flash的z索引值。另外,尝试使用
类将#flash放入div中


现在看来,您将flash div的z-index设置为-100,将测试的z-index(这是您的菜单吗?)设置为100。。。因此,您的flash内容自然会落后于
。测试

要获得方块阴影交叉浏览器,您需要以下代码:

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>


感谢dude的回复。但这似乎不起作用。当我试着不做单一的阴影显示时。哦,是的,我想也许firefox不再支持任何-moz盒阴影了。因为Firefox 17.0.1除了使用跨浏览器css外,还使用css3 w3c标准框。。。(-moz-和-webkit-就像其他人提到的那样)-->似乎-moz在这个版本的Firefox 17.0.1上不工作,不知道为什么要将.test的z索引值设置为高于#flash的z索引值。还有…--->抱歉,这是不可能的,html结构应该是这样的。因为.test是下拉菜单,#flash是内容页。现在,您似乎将flash div的z-index设置为-100,并将您的…-->是的,flash内容就在后面。用这个z索引测试。但flash内容的阴影依然存在。哦,是的,我试过使用像50(不是负数)这样的小z索引,但仍然不起作用:(啊,谢谢你,伙计,问题是wmode参数。在我输入参数后,方块阴影现在可以完美地工作了。哦,是的,对于信息-moz方块阴影似乎不适用于这个FF版本(17.0.1)@Finn太好了!我只是问,请告诉你我的答案是正确的。谢谢。是的,fred,你的答案是正确的。添加wmode参数将解决问题:)@Finn请阅读常见问题解答中的“如何提问”部分:
<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>