您好,匿名用户
随意问技术百科期待您的加入

IE6 position:fixed bug (固定窗口方法)

0 投票

求解:IE6 position:fixed bug (固定窗口方法)

用户头像 提问 2012年 12月1日 @ Nidalee 上等兵 (346 威望)
分享到:

1个回答

0 投票
 
最佳答案

IE6 不支持position:fixed,不能叫bug

若要让IE6模拟position:fixed效果,可以将html,body都设置为height:100%,然后加一个wrapper当body。这样你就可以使用position:absolute来模拟fixed的效果。你可以试试下面的css代码

html, body {
	height: 100%;
	overflow: auto;
}
.wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: auto;
}
.box {
	position: fixed;
	left: 50%;
	top: 180px;
	margin: 0 0 0 -370px;
}
* html .box { 
	position: absolute;
}

但是要知道,很难做到完美的模仿。在内容不确定的情况下,还是会出现一些奇怪的现象,而且会影响js对元素的控制,导致js代码的维护难度增加。这些就等你自己去发现了。

用户头像 回复 2012年 12月1日 @ Nunu 上等兵 (350 威望)
选中 2012年 12月1日 @Nidalee
提一个问题:

相关问题

0 投票
0 回复 76 阅读
用户头像 提问 2012年 12月1日 @ Shen 上等兵 (318 威望)
0 投票
1 回复 31 阅读
用户头像 提问 2012年 12月1日 @ Katarina 上等兵 (271 威望)
0 投票
0 回复 53 阅读
+1 投票
1 回复 84 阅读
用户头像 提问 2012年 12月1日 @ Garen 上等兵 (269 威望)
0 投票
1 回复 42 阅读

欢迎来到随意问技术百科, 这是一个面向专业开发者的IT问答网站,提供途径助开发者查找IT技术方案,解决程序bug和网站运维难题等。
温馨提示:本网站禁止用户发布与IT技术无关的、粗浅的、毫无意义的或者违法国家法规的等不合理内容,谢谢支持。

欢迎访问随意问技术百科,为了给您提供更好的服务,请及时反馈您的意见。
...