如何解决DIV层被Flash或表单遮盖问题

本篇文章给大家分享的是有关如何解决DIV层被Flash或表单遮盖问题,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。

在网页制作中,如果遇到DIV层被Flash或表单遮盖问题你知道如何解决吗,这里向大家分享一下几种解决方法,因为单单用z-index属性根本毫无作用的,请看下文详细介绍。

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

在网页制作中,经常会遇到DIV层被Flash、input、select等控件遮住一部分的现象。这时单单用z-index属性根本毫无作用。以下是几种解决方法——

方法一:

对于Flash控件,在<object>中增加属性<paramname="wmode"value="opaque">或<paramname="wmode"value="transparent">即可。

opaque和transparent基本上差不多,只是在某些特殊情况下有点不同。

opaque在flash中需要用到输入法时输入法软件会定位不准。

transparent在同一页面中用得太多的话会有性能问题。

参考文章:
Flashcontentandz-index
Z-IndexandFlash

方法二:

对于input或select等表单控件,可以通过把DIV的内容放入iframe或object里来解决。

方法三:

方法二如果用不好有可能会破坏页面的结构,互动性不大好。

还有另一种方法,虽说DIV直接盖不住select,但是DIV可以盖iframe,而iframe可以盖select,所以,把一个iframe用来当作DIV的底,
这个DIV就可以盖住select了。

以上就是如何解决DIV层被Flash或表单遮盖问题,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注行业资讯频道。