今天测试div层和flash的交互,发现div层总是被flash层遮盖,在百度上找了一会,说是加个<param name="wmode" value="transparent" />就成了,我加完后在IE下问题是解决了,但是FF下好像没有反应,后来才知道IE中和FF加的代码是不一样的,如下:
IE浏览器下可用
<param name="wmode" value="transparent" />
firefox下可用
<embed src="YourFlash.swf" wmode="transparent" ... ></embed>
关于wmode属性资料:
(可选)允许使用 Internet Explorer 4.0 中的透明 Flash 内容、绝对定位和分层显示功能。此标记/属性仅在带有 Flash Player ActiveX 控件的 Windows 中有效。
"Window":在 Web 页上用影片自己的矩形窗口来播放应用程序,"Window"表明此 Flash 应用程序与 HTML 层没有任何交互,并且始终位于最顶层。
"Opaque" :使应用程序隐藏页面上位于它后面的所有内容。
"Transparent":使 HTML 页的背景可以透过应用程序的所有透明部分显示出来,并且可能会降低动画性能。
"Opaque windowless"和"Transparent windowless"都可与 HTML 层交互,从而允许 SWF 文件上方的层遮蔽应用程序。这两种选项之间的差异在于"Transparent"允许透明,因此,如果 SWF 文件的某一部分是透明的,则 SWF 文件下方的 HTML 层可以透过该部分显示出来,而"opaque"则不会显示。
分享到:
相关推荐
总之,解决`div`层被Flash遮盖的问题,主要是通过设置Flash的`wmode`属性,理解不同模式的工作原理并根据实际需求选择合适的设置。在不同的浏览器间,可能需要采用不同的HTML代码来确保兼容性。同时,还需要关注性能...
### 最顶层div被flash或者下拉列表遮挡的问题解决 在网页设计中,有时会出现顶层的div元素被其他元素如Flash或下拉列表遮挡的情况。这种遮挡问题通常是由于CSS定位属性设置不当造成的,尤其是`z-index`值的设置不...
如果以上方法都不能解决问题,可以考虑使用JavaScript来检测`<Object>`标签是否加载完成,然后调整`<div>`的位置或者层级。例如,使用`onload`事件监听`<Object>`的加载状态。 7. **浏览器兼容性测试**: 虽然这...
通过上述步骤,我们可以有效地解决Flash遮盖Div浮动层的问题,使得Div内容能够正常显示。值得注意的是,不同的浏览器可能对这些解决方案有不同的响应,因此在实际应用中可能需要进行跨浏览器的测试,以确保在各种...
在特定的前端框架中,例如Ext,开发人员可以通过设置Ext.useShims=true来启用框架对于有窗体元素遮盖问题的支持。这种内建支持能显著简化层叠问题的解决过程,使得开发人员不需要单独创建iframe或手动调整z-index值...