div显示在object、embed之上~

最近做一个项目时，发现浮动的div总是被object里的flash文件给盖住了。。本以为只是z-index的问题,于是去修改div和object、embed的z-index值~
       在改之前突然想到div是jqueryui里的dialog创建的~也就是说div本身默认的z-index已经是1000了，这个情况下应该说所有的元 素z-index都没有当前的大了。。不过还是报者试一试的心态改了下object、embed的z-index都设为1。结果如想像的一样。。还是不 行~~~
       于是开始了baidu之旅~呵呵，原来有这样问题的人大有人在啊~网上说了几种方法，这里就说一个，具体为什么我也不清楚咯。。反正问题解决了蛮~~
        在object里加入

<param name="wmode" value="transparent">

这样之后，在类似IE使用object的浏览器里就正常显示了。。div终于在object之上了。。不过对于firefox这样用embed标签的浏览器来说。。问题依旧。。这时只要在embed里加上

wmode="transparent"

这样的属性设置就可以了~到此，问题就解决啦~下面贴出我的object代码：

<object height="600" width="940" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
      <param value="/swf/park/1/1303872749292.swf" name="movie">
      <param value="high" name="quality">
      <param value="always" name="allowScriptAccess">
      <param value="internal" name="allowNetworking">
      <param value="transparent" name="wmode">
      <embed height="600" width="940" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" allownetworking="internal" allowscriptaccess="always" quality="high" src="/swf/park/1/1303872749292.swf">
    </object>

里面wmode的设置就是控制div在flash之上的啦~

时间： 2024-10-12 09:05:34

div显示在object、embed之上~的相关文章

[HTML/CSS]div显示在object、embed之上~

引言 帮一个朋友弄前端布局,一切都正常,但是嵌入object之后,div总是在object的下面,就上网找了一下解决方案,这里记录一下,好像只对flash有效. 用embed插入一个flash(比如优酷的视频),结果总是能把其它元素盖住.把其它元素的z-index改成巨大都没用.现有的解决方案是在插入flash的embed或object标签中加入”wmode”属性并设置为wmode=“transparent”或”opaque”,但wmode属性到底是什么意义,为什么可以解决这个问题呢?windo

Jquery：如何让子窗口的div显示在父窗口之上

<1> js或者jQuery访问页面中的框架iframe. 注意:框架内的页面是不能跨域的! 假设有两个页面,在相同域下. 假设:父窗口  index.html ,有id 为 subifrm 的iframe 1. 在index.html执行JS直接访问子窗口中某元素: document.getElementById('subifrm').contentWindow.document.getElementById('test').style.color='red' 2. 利用jquery 来访问

Jquery：怎样让子窗体的div显示在父窗体之上

<1> js或者jQuery訪问页面中的框架iframe. 注意:框架内的页面是不能跨域的! 如果有两个页面,在同样域下. 如果:父窗体  index.html ,有id 为 subifrm 的iframe 1. 在index.html运行JS直接訪问子窗体中某元素: document.getElementById('subifrm').contentWindow.document.getElementById('test').style.color='red' 2. 利用jquery 来訪问

div显示滚动条

div显示上下左右滚动条 <div style="width:260px;height:120px; overflow:scroll; border:1px solid;"> 这里是你要显示的内容 </div> div显示上下滚动条的css代码 <div style="width:260px;height:120px; overflow-y:scroll; border:1px solid;"> 这里是你要显示的内容 </d

div 显示滚动条的CSS代码

div显示上下左右滚动条 <div style="width:260px;height:120px; overflow:scroll; border:1px solid;"> 这里是你要显示的内容 </div> div显示上下滚动条的css代码 <div style="width:260px;height:120px; overflow-y:scroll; border:1px solid;"> 这里是你要显示的内容 </d

jquery之超简单的div显示和隐藏特效demo

闲着无聊,看到某视频网站上讲的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/

div显示提示信息

div显示提示信息 <body> <style type="text/css"> a.link{position:relative;} a.link div.tips{ border:1px solid #333; padding:10px; background-color:#ff0; position:absolute; top:16px; left:0px; display:none; } a.link:hover{} a.link:hover div.t

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"> <head> <meta http-equiv="Content-

HTML中关于鼠标指向改变div显示

利用样式表中 display属性来实现 例如 <html> <title>aaaaa</title> <head> <style> #changing1{ width:980px; height:760px; left:0px; top:50px; position:absolute; background-image:url(images/xs1.png); display:block;}#changing2{ width:980px; hei