`

div层遮盖flash(兼容浏览器)

阅读更多

div层遮盖flash(兼容浏览器)

转自: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模拟select兼容各浏览器,本人制作的小插件,解决下拉列表框不兼容的问题

    div 弹出层遮罩 兼容各大浏览器

    在网页设计中,"div 弹出层遮罩 兼容各大浏览器" 是一个常见的交互效果,用于创建一种用户友好的界面体验。当用户点击某个按钮时,一个半透明的遮罩层会覆盖整个页面,突出显示弹出的窗口或信息,而其他部分则变得不...

    可拖动div层,兼容IE火狐等浏览器

    总的来说,实现"可拖动div层,兼容IE火狐等浏览器"涉及到HTML、CSS和JavaScript的综合应用,尤其是jQuery的使用,可以高效地创建出用户友好的交互体验。通过学习和理解这些文件,你可以掌握如何在自己的项目中创建...

    DIV+CSS解决各浏览器兼容问题

    ### DIV+CSS解决各浏览器兼容问题 在网页设计与开发领域,DIV+CSS布局方法是构建网站时常用的技术之一。然而,不同的浏览器由于其内核差异及版本更新速度不一,常常导致同样的代码在不同浏览器下呈现的效果各异,...

    div+css兼容所有浏览器的一些注意事项

    在构建网页布局时,`div+css`是一个常见的方法,但它在不同的浏览器间可能存在兼容性问题。以下是一些关于如何让`div+css`在所有浏览器中保持一致性的关键注意事项: 1. **DOCTYPE声明**:DOCTYPE会影响CSS的解析...

    div+css浏览器兼容问题

    在探讨“div+css浏览器兼容问题”这一主题时,我们首先需要理解,浏览器兼容性问题主要源于不同浏览器对Web标准的解析和实现存在差异。这不仅包括主流浏览器如Chrome、Firefox、Safari、Edge以及IE(尤其是IE6)之间...

    DIV圆角+阴影+浏览器兼容

    `DIV`圆角、阴影以及浏览器兼容性是前端开发中的常见问题,尤其是在跨浏览器的场景下。本文将深入探讨如何实现`DIV`的圆角、阴影效果,并确保在不同浏览器上具有良好的兼容性。 首先,我们来谈谈`DIV`的圆角。在CSS...

    js模拟浏览器 Ctrl+F 查找 + div层鼠标拖动 改变位置

    js模拟浏览器 Ctrl+F 查找 + div层鼠标拖动 改变位置 两个功能demo js模拟浏览器 Ctrl+F 查找 + div层鼠标拖动 改变位置 两个功能demo js模拟浏览器 Ctrl+F 查找 + div层鼠标拖动 改变位置 两个功能demo js模拟...

    div+css中常见的浏览器兼容性处理

    特别是在使用div+css布局时,由于IE6、IE7和Firefox等浏览器对CSS的支持程度不同,兼容性问题尤为突出。本文将详细介绍如何处理这些兼容性问题。 首先,我们来看CSS中的`!important`规则。`!important`可以强制应用...

    div层被flash层遮盖问题解决思路

    总之,解决`div`层被Flash遮盖的问题,主要是通过设置Flash的`wmode`属性,理解不同模式的工作原理并根据实际需求选择合适的设置。在不同的浏览器间,可能需要采用不同的HTML代码来确保兼容性。同时,还需要关注性能...

    jBox(Div模式窗口兼容各种浏览器)

    为了解决这个问题,"jBox(Div模式窗口兼容各种浏览器)"应运而生。jBox是一个强大的JavaScript库,它以Div元素为基础,模拟了模式窗口的功能,并且不受浏览器兼容性问题的影响。 **核心特性** 1. **跨浏览器兼容性*...

    DIV+CSS浏览器兼容

    然而,由于不同的浏览器对于CSS规范的实现存在差异,尤其是IE6、IE7和Firefox等,这就导致了浏览器兼容性问题。解决这些问题至关重要,以确保网站在各种浏览器中都能正常显示。 首先,`...

    给Flash加一个超链接(推荐使用透明层)兼容主流浏览器.docx

    本文主要介绍一种通过透明层实现Flash超链接的方法,确保在主流浏览器中的兼容性。 首先,我们需要将Flash文件放置在一个层(div)中,并设置该层为最底层,同时将Flash的wmode参数设置为"transparent",以实现透明...

    jsp浏览器的兼容性

    浏览器兼容性解决方案 在 Web 开发中,浏览器兼容性是一个常见的问题,对于 JSP 开发人员来说尤其重要。本文档旨在帮助 JSP 开发人员解决浏览器之间的兼容性问题,提出解决方法,涵盖 Firefox、谷歌、百度和 IE6/7/...

    ajax分页查询+Div透明遮盖

    结合以上两点,"Ajax分页查询+Div透明遮盖"的实现会将Ajax请求的等待过程包装在一个具有透明遮盖的Div中,用户点击分页按钮后,透明遮盖层出现并阻止其他操作,后台则开始异步加载新页数据,数据加载完成后,遮盖层...

    jquery 兼容所有浏览器的浮动div位置控制+例子

    jquery 兼容所有浏览器的浮动div位置控制+例子 jquery 兼容所有浏览器的浮动div位置控制+例子 jquery 兼容所有浏览器的浮动div位置控制+例子 jquery 兼容所有浏览器的浮动div位置控制+例子 jquery 兼容所有浏览器的...

    javaOO总结(DIV+CSS浏览器兼容方法的总结)

    压缩包内的“DIV+CSS浏览器兼容方法的总结.doc”文件很可能是篇详细的教程,涵盖了如何处理常见浏览器(如IE、Firefox、Chrome、Safari等)之间的CSS差异,包括但不限于浮动布局、定位、边距重叠、盒模型差异、透明...

Global site tag (gtag.js) - Google Analytics