99久久99久久精品免观看,国产精品久久久久国产精品,国产黄色录像视频,免费的黄色毛片,国产一区精品普通话对白,色妞妞成人在线观看,最新aⅴ福利在线观看免费

綠色資源網(wǎng):您身邊最放心的安全下載站! 最新軟件|熱門排行|軟件分類|軟件專題|廠商大全

綠色資源網(wǎng)

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

用 iframe 解決下拉框與層之沖突

我要評論 2010/01/01 17:14:38 來源:綠色資源網(wǎng) 編輯:綠色資源站 [ ] 評論:0 點擊:435次

問題提出:我用dw做了一個下拉菜單,但是碰到form的列表項就跑到下面去了,請幫忙解決,請看問題圖示

解決問題:由于層與下拉框之間的優(yōu)先級是:下拉框 > 層,因此在顯示的時候,會因為優(yōu)先級的次序而會出現(xiàn)如上問題。(如果幾個元素都是層的話,我們可以通過層的 z-index 屬性來設置)解決辦法就是:給層中放一個優(yōu)先級比下拉框更高的元素(iframe),從而解決此問題!具體解決代碼如下:

<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

閱讀本文后您有什么感想? 已有 人給出評價!

  • 1 歡迎喜歡
  • 1 白癡
  • 1 拜托
  • 1 哇
  • 1 加油
  • 1 鄙視