在网页制作中,经常会遇到DIV层被Flash、input、select等控件遮住一部分的现象。
这时单单用z-index属性根本毫无作用。
以下是几种解决方法——
方法一:
对于Flash控件,在<object>中增加属性<param name="wmode" value="opaque">或<param name="wmode" value="transparent">即可。
opaque和transparent基本上差不多,只是在某些特殊情况下有点不同。
opaque在flash中需要用到输入法时输入法软件会定位不准。
transparent在同一页面中用得太多的话会有性能问题。
参考文章:
Flash content and z-index
Z-Index and Flash
方法二:
对于input或select等表单控件,可以通过把DIV的内容放入iframe或object里来解决。
方法三:
方法二如果用不好有可能会破坏页面的结构,互动性不大好。
还有另一种方法,
虽说DIV直接盖不住select,
但是DIV可以盖iframe,而iframe可以盖select,
所以,把一个iframe用来当作DIV的底,
这个DIV就可以盖住select了
实际中的产生描述:
jsp页面播放视频,采用的是embed+div控制的,如果页面有多个这个播放flash,就有可能产生多个层叠加
在<object>中添加<param name="wmode" value="transparent"> 可以解决
分享到:
相关推荐
网页制作Webjx文章简介:今天测试div层和flash的交互,发现div层总是被flash层遮盖. 今天测试div层和flash的交互,发现div层总是被flash层遮盖,在百度上找了一会,说是加个<param name="wmode" value="tran
网页<Object>标签遮盖DIV标签解决方法,IE11亲测可用。
Firefox下div层被Flash遮住的解决方法
JS+DIV以层代替弹出窗口的例子,弹出DIV层窗口 JS+DIV以层代替弹出窗口的例子,弹出DIV层窗口 JS+DIV以层代替弹出窗口的例子,弹出DIV层窗口 JS+DIV以层代替弹出窗口的例子,弹出DIV层窗口 JS+DIV以层代替弹出窗口的例子...
这个是自己在实际开发中写的一个广告管理例子,里面涉及到多层表单的搭配,所以对于CSS+div布局来说,是个挑战,上面的例子中我已经实现了兼容火狐,IE,谷歌三大浏览器,对CSS-DIV布局感兴趣的同学不容错过,欢饮...
关于flash遮盖div浮动层
CSS实现半透明div层的方法.rarCSS实现半透明div层的方法.rarCSS实现半透明div层的方法.rarCSS实现半透明div层的方法.rarCSS实现半透明div层的方法.rar
利用div+css制作弹出层并遮罩层,主用用了两个div,一个div用于弹出框,另一个则遮罩整个页面
DIV遮罩层 遮罩所有工作区域 简单的方法
非常清爽的div层,漂亮div层 精美div层
div层的使用,div层的基本使用。包括css,div的定位
给大家介绍了div被iframe遮住的一些情况,以及被遮住后的解决办法,有需要的朋友们可以参考借鉴。
div如何盖(漂浮)在flash之上,于是本文搜集整理了以些方法:让DIV层浮动到flash上面的方法是:给flash添加透明参数.另外详细介绍wmode属性,感兴趣的朋友可以研究下
DIV 层 网站设计DIV 层 网站设计DIV 层 网站设计
div中的内容没有把div撑开的原因及解决办法
DIVCSS仿FLASH导航效果(jQuery)
DIV层上下移动