綠(lǜ)色資源網:您(nín)身(shēn)邊最放心的安全下載站! 最新軟件(jiàn)|熱(rè)門排行(háng)|軟件分類(lèi)|軟(ruǎn)件專(zhuān)題(tí)|廠商大(dà)全

綠(lǜ)色資源網

技術教程(chéng)
您的位置:首頁網頁設計Dreamweaver → 用 iframe 解決下拉框與層之衝突

用(yòng) iframe 解(jiě)決下拉(lā)框(kuàng)與層之衝突

我要評(píng)論 2010/01/01 17:14:38 來源:綠色資源網 編(biān)輯:綠(lǜ)色資源站 [ ] 評論:0 點擊:435次

問(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 哇(wa)
  • 1 加(jiā)油
  • 1 鄙視