在网页制作中,经常会遇到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]
http://joshuaink2006.johnoxton.co.uk/blog/82/flash-content-and-z-index
[Z-Index and Flash]
http://www.flashdesignerzone.com/tutorials/t1026.php
方法二:
对于input或select等表单控件,可以通过把DIV的内容放入iframe或object里来解决。
方法三:
方法二如果用不好有可能会破坏页面的结构,互动性不大好。还有另一种方法,虽说DIV直接盖不住select,但是DIV可以盖iframe,而iframe可以盖select,所以,把一个iframe用来当作DIV的底,这个DIV就可以盖住select了。
以下是几种解决方法——
方法一:
对于Flash控件,在<object>中增加属性<param name="wmode" value="opaque">或<param name="wmode" value="transparent">即可。
opaque和transparent基本上差不多,只是在某些特殊情况下有点不同。opaque在flash中需要用到输入法时输入法软件会定位不准。transparent在同一页面中用得太多的话会有性能问题。
参考文章:
[Flash content and z-index]
http://joshuaink2006.johnoxton.co.uk/blog/82/flash-content-and-z-index
[Z-Index and Flash]
http://www.flashdesignerzone.com/tutorials/t1026.php
方法二:
对于input或select等表单控件,可以通过把DIV的内容放入iframe或object里来解决。
方法三:
方法二如果用不好有可能会破坏页面的结构,互动性不大好。还有另一种方法,虽说DIV直接盖不住select,但是DIV可以盖iframe,而iframe可以盖select,所以,把一个iframe用来当作DIV的底,这个DIV就可以盖住select了。