日韩高清在线免费不卡性生活毛片,亚洲av综合第一页,亚洲美女被操,一级无遮挡理论片

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

綠色資源網(wǎng)

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

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

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

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

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

關(guān)鍵詞:iframe

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

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