解決DIV在IE6下無法遮蓋select(1)
編輯：CSS詳解
你對DIV浮層在IE6下無法遮蓋select標簽是否了解，這裡和大家一起討論一下，其實很早以前我就碰到過關於select元素的問題，但是為什麼IE7和FF下DIV都可以遮住select標簽，本文會為你揭秘。
JavaScript巧解IE6 IE7 IE8兼容問題
這次討論一下關於select元素的一個問題，其實很早以前我就碰到過關於select元素的問題，這次做網站又被問到同樣的問題，就是：一般DIV浮層在IE6下無法遮蓋selectaspxhome.com/search.ASP?keyWord=%b1%ea%c7%a9" target=_blank>標簽，IE7和FF下DIV都可以遮住select標簽。
列舉個簡單的實例闡述問題：
- "http://www.w3.org/TR/xhtml1/DTD/xHtml1-transitional.dtd">
- <Html XMLns="http://www.w3.org/1999/xHtml">
- <head>
- <meta http-equiv="Content-Type" content="text/Html; charset=gb2312" />
- <title>無標題文檔title>
- <style type="text/CSS">
- #warp { position:absolute; top:10px; left:26px; width:200px; height:200px;}
- .box { position:absolute; top:0; left:0; width:200px;
- height:200px; background:#FDF3D9; border:1px solid #EEAC53}
- style>
- head>
- <body>
- <DIV id="warp">
- <DIV class="box">dfsagdsaDIV>
- DIV>
- <form id="form1" name="form1" method="post" action="">
- <label>
- <select name="select" id="select">
- <option>測試選項option>
- <option>測試選項2option>
- <option>測試選項3option>
- select>
- label>
- form>
- body>
- Html>
[提示：你可先修改部分代碼，再按運行]
DIV在IE6下無法遮蓋select，原因是在IE6下，浏覽器將select元素視為窗口級元素，這時DIV或者其它的普通元素無論z-index設置的多高都是無法遮住select元素的。
小編推薦
熱門推薦