在網頁制作中,經常會遇到DIV層被Flash、input、select等控件遮住一部分的現象。
這時單單用z-index屬性根本毫無作用。以下是幾種解決方法
方法一:
對于Flash控件,在<object>中增加屬性<param name="wmode" value="opaque">或<param name="wmode" value="transparent">即可。
opaque和transparent基本上差不多,只是在某些特殊情況下有點不同。
opaque在flash中需要用到輸入法時輸入法軟件會定位不準。
transparent在同一頁面中用得太多的話會有性能問題。
方法二:
對于input或select等表單控件,可以通過把DIV的內容放入iframe或object里來解決。
方法三:
方法二如果用不好有可能會破壞頁面的結構,互動性不大好。
還有另一種方法,
雖說DIV直接蓋不住select,
但是DIV可以蓋iframe,而iframe可以蓋select,
所以,把一個iframe用來當作DIV的底,
這個DIV就可以蓋住select了。