转自:http://www.cnblogs.com/binyong/archive/2009/03/17/1414774.html
今天测试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模拟select兼容各浏览器,本人制作的小插件,解决下拉列表框不兼容的问题
在网页设计中,"div 弹出层遮罩 兼容各大浏览器" 是一个常见的交互效果,用于创建一种用户友好的界面体验。当用户点击某个按钮时,一个半透明的遮罩层会覆盖整个页面,突出显示弹出的窗口或信息,而其他部分则变得不...
总的来说,实现"可拖动div层,兼容IE火狐等浏览器"涉及到HTML、CSS和JavaScript的综合应用,尤其是jQuery的使用,可以高效地创建出用户友好的交互体验。通过学习和理解这些文件,你可以掌握如何在自己的项目中创建...
### DIV+CSS解决各浏览器兼容问题 在网页设计与开发领域,DIV+CSS布局方法是构建网站时常用的技术之一。然而,不同的浏览器由于其内核差异及版本更新速度不一,常常导致同样的代码在不同浏览器下呈现的效果各异,...
在构建网页布局时,`div+css`是一个常见的方法,但它在不同的浏览器间可能存在兼容性问题。以下是一些关于如何让`div+css`在所有浏览器中保持一致性的关键注意事项: 1. **DOCTYPE声明**:DOCTYPE会影响CSS的解析...
在探讨“div+css浏览器兼容问题”这一主题时,我们首先需要理解,浏览器兼容性问题主要源于不同浏览器对Web标准的解析和实现存在差异。这不仅包括主流浏览器如Chrome、Firefox、Safari、Edge以及IE(尤其是IE6)之间...
`DIV`圆角、阴影以及浏览器兼容性是前端开发中的常见问题,尤其是在跨浏览器的场景下。本文将深入探讨如何实现`DIV`的圆角、阴影效果,并确保在不同浏览器上具有良好的兼容性。 首先,我们来谈谈`DIV`的圆角。在CSS...
js模拟浏览器 Ctrl+F 查找 + div层鼠标拖动 改变位置 两个功能demo js模拟浏览器 Ctrl+F 查找 + div层鼠标拖动 改变位置 两个功能demo js模拟浏览器 Ctrl+F 查找 + div层鼠标拖动 改变位置 两个功能demo js模拟...
特别是在使用div+css布局时,由于IE6、IE7和Firefox等浏览器对CSS的支持程度不同,兼容性问题尤为突出。本文将详细介绍如何处理这些兼容性问题。 首先,我们来看CSS中的`!important`规则。`!important`可以强制应用...
总之,解决`div`层被Flash遮盖的问题,主要是通过设置Flash的`wmode`属性,理解不同模式的工作原理并根据实际需求选择合适的设置。在不同的浏览器间,可能需要采用不同的HTML代码来确保兼容性。同时,还需要关注性能...
为了解决这个问题,"jBox(Div模式窗口兼容各种浏览器)"应运而生。jBox是一个强大的JavaScript库,它以Div元素为基础,模拟了模式窗口的功能,并且不受浏览器兼容性问题的影响。 **核心特性** 1. **跨浏览器兼容性*...
然而,由于不同的浏览器对于CSS规范的实现存在差异,尤其是IE6、IE7和Firefox等,这就导致了浏览器兼容性问题。解决这些问题至关重要,以确保网站在各种浏览器中都能正常显示。 首先,`...
本文主要介绍一种通过透明层实现Flash超链接的方法,确保在主流浏览器中的兼容性。 首先,我们需要将Flash文件放置在一个层(div)中,并设置该层为最底层,同时将Flash的wmode参数设置为"transparent",以实现透明...
浏览器兼容性解决方案 在 Web 开发中,浏览器兼容性是一个常见的问题,对于 JSP 开发人员来说尤其重要。本文档旨在帮助 JSP 开发人员解决浏览器之间的兼容性问题,提出解决方法,涵盖 Firefox、谷歌、百度和 IE6/7/...
结合以上两点,"Ajax分页查询+Div透明遮盖"的实现会将Ajax请求的等待过程包装在一个具有透明遮盖的Div中,用户点击分页按钮后,透明遮盖层出现并阻止其他操作,后台则开始异步加载新页数据,数据加载完成后,遮盖层...
jquery 兼容所有浏览器的浮动div位置控制+例子 jquery 兼容所有浏览器的浮动div位置控制+例子 jquery 兼容所有浏览器的浮动div位置控制+例子 jquery 兼容所有浏览器的浮动div位置控制+例子 jquery 兼容所有浏览器的...
压缩包内的“DIV+CSS浏览器兼容方法的总结.doc”文件很可能是篇详细的教程,涵盖了如何处理常见浏览器(如IE、Firefox、Chrome、Safari等)之间的CSS差异,包括但不限于浮动布局、定位、边距重叠、盒模型差异、透明...