最好用也最简单的方法解决IE6不支持position:fixed问题

简介:

在网上找了很多方法,大多是 Javascript 解决的,想想能用 IE6 的电脑,得烂成啥样?再用expression eval ,估计还没滚动几下内存都不够了,所以这种能用 CSS 解决的问题最好都用 CSS 解决了。

前提是你的网页要支持 XHTML

在头部加上
[cc lang='html']

dir="ltr" lang="zh-CN">

[/cc]

然后针对 IE 6 进行如下设置:

[cc lang='css']
* { margin:0; padding:0; }
html, body { height: 100%; overflow:auto; }
[/cc]
最后在你需要 fixed 的 div 里添加
[cc lang='css']
position:fixed !important;
position:absolute;
[/cc]

这样就可以了,唯一的问题是在滚动的时候固定的层有轻微的闪烁,但对于“回到顶部”这样的小按钮来说是无伤大雅的。

相关文章
|
8月前
|
前端开发 容器
【CSS】定位属性position使用详解(static、relative、fixed、absolute)
css定位属性position:static、relative、fixed、absolute详细介绍及使用样例。
|
Python
nothing to repeat at position 0(解决方案)
nothing to repeat at position 0(解决方案)
241 0
nothing to repeat at position 0(解决方案)
|
前端开发 容器
你真的了解position吗?
你真的了解position吗?
|
前端开发
|
前端开发
CSS 文档中定位指南:static、relative、absolute、fixed、sticky
CSS 中 position 属性用于指定元素的定位方法的类型(static、relative、absolute、fixed、sticky)。
111 0
CSS 文档中定位指南:static、relative、absolute、fixed、sticky
|
前端开发
前端~定位属性position(relative、absolute、fixed)的分析
前端~定位属性position(relative、absolute、fixed)的分析
175 0
|
Web App开发 前端开发 流计算