首頁 > web前端 > html教學 > IE6 select穿透问题(div 定位无法遮盖select)!_html/css_WEB-ITnose

IE6 select穿透问题(div 定位无法遮盖select)!_html/css_WEB-ITnose

WBOY
發布: 2016-06-24 11:54:02
原創
1278 人瀏覽過

此问题,早有耳闻,但是一直都没有亲身碰到过,也就没有过多的去在意这些问题。

这一回总算是见识到了ie的厉害,虽是在ie选项中大大的写着ie版本是ie11 ,但是有些部分确实走的ie6的内核,怪不得微软天天在各种window update.

解决此问题的方法很简单,给你需要显示的内容的后面加一个iframe,让他去挡住select不要穿透过来,这样世界就算是清净了。

如下html:

	<div>		<select>			<option value="">select穿透问题</option>			<option value="">select穿透问题</option>		</select>	</div>	<div class="wrap" style="position:relative;width:200px;height:200px;">		<div class="content">需要显示的内容</div>		<iframe class="ie-select-iframe" style="position:absolute;top:0;left:0;z-index:-1;width:200px;" scrolling="no" frameborder="0"></iframe>	</div>
登入後複製

这里需要注意的是:

1 wrap只是一个容器,所以border之类的样式,最好不要放在这里,因为这个div是会被select穿透的。

2 iframe的宽度最好给一个值,在ie6下,要使用100%,似乎还要做一些别的设置,需要给,html,body都给height:100%,才能实现,否则在ie6下无效。

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板