用 iframe 解決(jué)下拉框與層之衝突
問題提出:我用dw做了一個下拉菜單,但是碰到form的(de)列表項就跑到下麵(miàn)去了,請幫(bāng)忙解決,請看問題圖示
解決問題:由於層與下拉框之(zhī)間的優先級是:下拉框(kuàng) > 層,因此在顯示的時候,會因為優先級的次序(xù)而會出現如上問題。(如果幾個元素都是層(céng)的(de)話,我們可以通過層的 z-index 屬(shǔ)性來設置)解決辦法就是(shì):給層中放一個優先級比下(xià)拉(lā)框更高的元素(iframe),從而解(jiě)決此(cǐ)問題!具體解決代碼如(rú)下:
<div id="menu" style="position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc;">
<table>
<tr><td>item 1</td></tr>
<tr><td>item 2</td></tr>
<tr><td>item 3</td></tr>
<tr><td>item 4</td></tr>
<tr><td>item 5</td></tr>
</table>
<iframe src="javascript:false" style="position:absolute; visibility:inherit; top:0px; left:0px; width:100px; height:200px; z-index:-1; filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';"></iframe>
</div>
<a href="#" >menu</a>
<form>
<select><option>A form selection list</option></select>
</form>
關(guān)鍵詞:iframe
閱讀本(běn)文後您有什麽感想? 已(yǐ)有 人給出評價!
- 1
- 1
- 1
- 1
- 1
- 1