三種方法解決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了。
文章出處:標準之路(http://www.aa25.cn/css_example/445.shtml)
【編輯推薦】