用(yòng) iframe 解(jiě)決下拉(lā)框(kuàng)與層之衝突
問(wèn)題(tí)提(tí)出:我用dw做了一(yī)個下(xià)拉菜單,但是碰到form的列(liè)表(biǎo)項就跑到下麵去了,請(qǐng)幫忙解決,請看問(wèn)題圖示(shì)
解決問題(tí):由於層與下(xià)拉框之間的優先級是:下拉框(kuàng) > 層,因此(cǐ)在顯示的時候,會因為優先級的(de)次序而會出現如上問題。(如果幾個元素都是(shì)層的話,我們可以通過層(céng)的 z-index 屬性來設置)解決辦法就是:給層中放一個優先級比下拉框更高的元素(iframe),從(cóng)而解決此問題!具體解決代(dài)碼(mǎ)如下:
<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>
關鍵詞:iframe
閱讀本文後您(nín)有什麽感想? 已(yǐ)有(yǒu) 人給出評價!
- 1
- 1
- 1
- 1
- 1
- 1