FLASH遮挡DIV浮动层解决方案兼容IE FF Chrome

在建设网站的时候经常会遇到 ,Div层被flash挡住或者DIV层被视频文件挡住的情况

在使用z-index无效果,终于搜到一种很简洁的答案,先记录下来方便碰到同样问题下次解决。

Flash的解决方法,代码如下:

<object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0″ >
<param name=”movie” value=”.video/A.swf”/>
<param name=”quality” value=”high” />
<param name=”wmode” value=”transparent”/>
<embed src=”video/A.swf” wmode=”transparent” quality=”high” pluginspage=”http://www.macromedia.com/go/getflashplayer” type=”application/x-shockwave-flash”  ></embed>
</object>

重点:

1. <param name=”wmode” value=”transparent”/>
2. <embed wmode=”transparent”>

在<embed >中加入 wmode=”transparent”属性,Firefox中层的问题就迎刃而解。
视频文件的解决方法,代码如下:

<div style=”relative; width:。; height:。; overflow:hidden;”>
<embed src=”视频文件地址”    WindowlessVideo=”1“></embed>
</div>

说明:WindowlessVideo=”1″加这个参数很重要,在IE系列的浏览器下,有了这个参数都可以让DIV层正常显示在视频文件上方了。

style=”relative; width:。; height:。; overflow:hidden;”这句是为了解决FF下的问题。
设置flash置底,加个代码:<param name=”wmode” value=”opaque” />
但是只加这个代码,IE可行,在FF下,失效。要想在FF下起作用,还要用在<object 里加个 wmode=”opaque”>

时间: 2024-11-05 12:24:29

FLASH遮挡DIV浮动层解决方案兼容IE FF Chrome的相关文章

关于flash遮盖div浮动层的解决方法_javascript技巧

网上的解决方案: From:http://codingforums.com/showthread.php?t=95109 (a) place Flash embed script in <div> container (I use SWFObject.js)[将flash嵌入脚本放到一个div容器中] (b) add wmode=transparent to Flash embed script[增加wmode=transparent 到flash嵌入脚本] (c) set <div i

css实现固定元素在网页右下角浮动层效果(兼容ie、chrome、Firefox)

但是在IE6下,并不支持position:fixed属性,这个时候我们需要对IE6进行hack处理.解决的方案是使用postion:absolute属性,它的作用大家都很熟悉,相对于父元素进行绝对定位,然后我们可以通过expression来改变#ads的top值. PS expression的定义:IE5及其以后版本支持在CSS中使用expression,用来把CSS属性和Javas cript表达式关联起来,这里的CSS属性可以是元素固有的属性,也可以是自定义属性.就是说CSS属性后面可以是一

请教各位大人:困扰2天的问题 有2个div浮动层一个半透明,一个透明的.一个img 图片拖到透明div中

问题描述 功能是这样的..有2个div一个是大的浮动层在下边是半透明的.width500heiht400还一个是小的div浮动层透明的作为用户的像框width150heiht200小div在大div的中间位置,但是透明的.还有一张img用户的照片可以拖动的照片,用户拖动照片把想要的部位,例如:上身位置拖到小div里按提交后台自动截图小div像框里的照片..现在的问题是:我没有办法让小div像框在大div里全透明,因为大div里设的是半透明,那照片后台截取下来的照片也是半透明的效果.不能作用户的形

jQuery实现div浮动层跟随页面滚动效果

 这篇文章主要介绍了jQuery实现div浮动层跟随页面滚动效果,需要的朋友可以参考下  代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml"

FLASH遮盖了浮动层解决方法

flash遮盖了浮动层解决方法 <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.111cn.net/1999/xhtml"> <head> <meta http-e

jQuery实现div浮动层跟随页面滚动效果_javascript技巧

复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&qu

分享Flash覆盖div(层)解决方案

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 有两种方法:一种就是设置flash为透明, 但是 如果你在DW中 插入动画,再加 <param name="wmode" value="transparent"> 是不生效的.要把整个的flash插件代码换成如下: <object type="application/x-sh

javascript 弹出层高度不限垂直居中 兼容ie ff chrome

今天调整一下弹出层,遇到个小问题:获取scrollTop的值? 网上看了一些获取网页被卷去的高的方法,document.body.scrollTop在ie ff中都是0,奇怪的是在chrome中可以. 我猜ff以经向ie靠拢了,我用的是ff 13.0.1,可以能是以前版本的用的,在此略过--  代码如下 复制代码 s += " 网页被卷去的高(ff):"+ document.body.scrollTop; s += " 网页被卷去的高(ie):"+ document

CSS让DIV水平垂直居中(兼容IE/FF/google浏览器)

实例  代码如下 复制代码 <style type="text/css"> body { margin: 0; padding: 0; background: #1d1d1d; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; } h1 { font: 4em Georgia, "Times New Roman", Times, serif; color: #fff;