`

关于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了。
 
 
分享到:
评论

相关推荐

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

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

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

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

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

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

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

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

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

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

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

    解决这个问题的方法是使用`clear:both`或`clearfix`类来清除浮动。 **解决方案:** 1. 添加一个空的`div`元素,并设置`clear:both`: ```html &lt;div style="clear:both;"&gt;&lt;/div&gt; ``` 2. 使用CSS伪类`:after`来...

    解决flash遮住div的问题

    解决flash遮住div的问题,很简单的方法

    DIVCSS仿FLASH导航效果(jQuery)

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

    一个很漂亮的表单样式,用div+css实现

    在这个表单设计中,`div`元素被用来创建不同的表单区域,如输入框、按钮等,以实现清晰的结构和布局。 2. **CSS样式**: - **布局样式**:通过CSS,我们可以设置`div`元素的宽高、边距、内边距、背景色、边框等...

    解决div被flash挡住的设置方法

    在探讨如何解决`div`元素被`flash`内容遮挡的问题之前,我们首先需要了解一些基本概念和技术背景。本文将详细介绍这一问题的原因、解决方案及其背后的原理,并通过具体示例帮助读者更好地理解和应用。 ### 一、...

    采用flash+div布局精美网页

    总之,Flash+Div布局是过去网页设计的一种常见手法,虽然现在已逐渐被新的技术所取代,但它仍然代表了网页设计历史的一部分,也是理解现代网页技术演进的重要参考。通过学习和理解这种布局方式,开发者可以更好地...

    ajax分页查询+Div透明遮盖

    在网页开发中,"Ajax分页查询+Div透明遮盖"是两个常见的技术点,用于提升用户体验和页面交互性。让我们分别深入探讨这两个概念。 **Ajax分页查询** Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个...

    CSS-DIV多层表单布局列子

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

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

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

    flash盖住div或者js做的下拉菜单的解决

    4. **JavaScript解决方案**:利用JavaScript监听Flash对象的载入事件,当Flash加载完成后,动态调整下拉菜单的位置,确保其不会被Flash覆盖。 5. **使用HTML5替代Flash**:随着HTML5技术的发展,很多原本由Flash...

    flash遮住div问题的正确解决方法

    本文将详细解释这个“Flash遮住div”问题,并提供一种有效的解决方法。 首先,我们需要理解这个问题出现的原因。Flash在默认情况下,其`wmode`参数设置为`window`,这会使Flash对象作为一个独立的层存在于浏览器的Z...

Global site tag (gtag.js) - Google Analytics