`
zjx2388
  • 浏览: 1329064 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

DIV层被Flash或表单遮盖的解决方法

 
阅读更多

在网页制作中,经常会遇到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"> 可以解决

分享到:
评论

相关推荐

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

    在标题和描述中提到的问题,当`div`层需要覆盖Flash层时,可以通过设置Flash的`wmode`为`transparent`来解决。这是因为`transparent`模式可以使Flash对象的背景透明,从而使得底层的HTML元素能够透过Flash显示出来。...

    网页Object标签遮盖DIV标签解决方法

    要解决`&lt;Object&gt;`标签遮盖`&lt;div&gt;`标签的问题,我们可以尝试以下几种方法: 1. **CSS层级调整**: 使用CSS的`z-index`属性可以控制元素的堆叠顺序。给`&lt;div&gt;`标签设置一个比`&lt;Object&gt;`标签更高的`z-index`值,可以...

    最顶层div被flash或者下拉列表遮挡的问题解决

    通过合理设置`z-index`属性以及调整Flash的渲染模式,我们可以有效地解决顶层div元素被Flash或其他元素遮挡的问题。这不仅能够提升用户体验,还能确保页面布局的一致性和完整性。希望本文能帮助开发者更好地理解和...

    div被iframe遮住的几种情况及解决方法

    在前端开发过程中,DIV元素被IFRAME遮挡是一个常见的问题,尤其是当页面布局复杂或存在多层嵌套的元素时。以下将详细阐述几种DIV被IFRAME遮挡的情况,并提供相应的解决方法。 首先,要了解的是IFRAME是一种HTML元素...

    Firefox下div层被Flash遮住的解决方法

    解决Firefox下div层被Flash遮住的问题主要涉及修改Flash内容的嵌入代码,设置`wmode`参数为`transparent`或`opaque`,以及可能需要调整HTML元素的CSS样式,尤其是`z-index`。通过这些方法,可以确保div层正确地显示...

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

    设置`wmode`为`transparent`或`opaque`可以解决遮盖问题。`transparent`使得Flash背景透明,而`opaque`则让Flash对象不再位于顶层,允许Div浮动层在其之上。 3. **调整Div容器的`z-index`** `z-index`是CSS中定义...

    html div没有被撑开的原因及解决办法

    通过使用`lj_设置子dom的height 100%即可.png`、`必须清除子dom的float才能撑开父dom.txt`、`absolute存在的时候floate会失效.txt`、`css - div层为什么没有被自动撑开-.url`这些资源,你可以更深入地学习和实践这些...

    JS+DIV以层代替弹出窗口的例子,弹出DIV层窗口

    JS+DIV以层代替弹出窗口的例子,弹出DIV层窗口 JS+DIV以层代替弹出窗口的例子,弹出DIV层窗口 JS+DIV以层代替弹出窗口的例子,弹出DIV层窗口 JS+DIV以层代替弹出窗口的例子,弹出DIV层窗口 JS+DIV以层代替弹出窗口的例子...

    CSS-DIV多层表单布局列子

    这个是自己在实际开发中写的一个广告管理例子,里面涉及到多层表单的搭配,所以对于CSS+div布局来说,是个挑战,上面的例子中我已经实现了兼容火狐,IE,谷歌三大浏览器,对CSS-DIV布局感兴趣的同学不容错过,欢饮...

    漂亮div层 精美div层

    - **文本和元素对齐**:设置文字、图像等元素在Div层内的水平或垂直对齐方式。 - **盒模型**:理解盒模型(包括内容、内边距、边框和外边距)有助于精确控制Div的尺寸。 4. **浮动与清除**: - **浮动**:使用`...

    页面加载div遮罩层

    如果是基于jQuery,可能使用 `.fadeOut()` 或 `.hide()` 方法来实现遮罩层的渐隐效果,以增加视觉吸引力。 4. **HTML 结构**:`loading3.html` 文件可能是包含遮罩层和加载指示器的一个示例页面。在这个文件中,...

    闪烁的div、高亮的div层

    在网页设计和开发中,"闪烁的div"和"高亮的div层"通常涉及到动态效果和用户交互的实现。这些技术主要应用于吸引用户的注意力,提供反馈,或者创建引人入胜的用户体验。下面我们将详细探讨这个主题,包括相关概念、...

    DIV遮罩层 div div

    ### DIV遮罩层:一种简单高效的工作区域遮罩方法 在网页设计与开发领域,DIV遮罩层是一种常用的UI技术,用于暂时性地遮挡页面的其他部分,从而聚焦用户的注意力于特定区域或操作上。这种方法尤其适用于弹出窗口、...

    js+CSS实现弹出居中背景半透明div层的方法.docx

    JS+CSS 实现弹出居中背景半透明 div 层的方法 在 Web 开发中,弹出居中背景半透明 div 层是一种常见的交互效果,通过 JavaScript 和 CSS,我们可以轻松实现这种效果。在本文中,我们将详细介绍如何使用 JS+CSS 实现...

    用div+css制作弹出层遮罩层

    利用div+css制作弹出层并遮罩层,主用用了两个div,一个div用于弹出框,另一个则遮罩整个页面

    DIVCSS仿FLASH导航效果(jQuery)

    在Web开发中,FLASH曾经是创建动态内容和动画的首选工具,但由于其对移动设备支持不足和性能问题,逐渐被更现代的技术取代。现在,开发者更多地使用HTML、CSS和JavaScript来实现类似的效果,而这里的"DIVCSS"就是指...

    div层的使用,div层的基本使用

    1. 浮动布局(Float):通过设置`float`属性,可以让`div`层浮动到左侧或右侧,常用于创建多列布局。 ```css div { float: left; } ``` 2. 响应式布局(Responsive Design):结合使用`media queries`,根据设备...

    div 盖在flash上面 flash透明方法实现将DIV层放在flash上面

    对于不同的浏览器,实现DIV层覆盖Flash的方法可能有所不同。例如,在IE浏览器中,可以通过嵌入Flash时添加来实现透明效果。而在Firefox浏览器中,设置方式略有不同,可能会使用其他相关的属性或者标记。 在HTML代码...

Global site tag (gtag.js) - Google Analytics