IE6不兼容position:fixed的解决办法（CSS里写js）

最新推荐文章于 2025-12-01 21:03:28 发布
转载 最新推荐文章于 2025-12-01 21:03:28 发布 · 844 阅读 · 0
文章标签：

#css #ie

本文介绍了一种使用CSS进行元素绝对定位的方法，通过表达式动态调整底部位置，确保元素始终处于页面底部，同时保持自适应特性。
#footer {
    CLEAR: both; BOTTOM: auto; POSITION: absolute;
    TOP: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ?
        documentElement.scrollTop + (documentElement.clientHeight-this.clientHeight) - 1
        : document.body.scrollTop + (document.body.clientHeight-this.clientHeight) - 1);
}
 
完美解决IE6浏览器下不兼容positionfixed固定定位问题.txt
04-04
决IE6浏览器下不兼容positionfixed固定定位问题
IE6不兼容position:fixed属性的解决办法分享
01-21
及上下两边，共四种位置的固定，与以往的教程不同的地方是，它使用CSS表达式来兼容IE5、IE6，且避免了js模拟时，拖动滚动条时出现抖动的问题，另外在IE5或者怪癖模式下也完全正常，没有任何问题。如果你有更好的方案...
css+div fixed属性定位在ie中不兼容的解决办法
dongluobing的专栏
05-04 1641
解决了div+css定位时，ie不支持fixed属性的问题
解决IE6浏览器下position:fixed固定定位问题
我的地盘
02-28 1279
像你所遇到的问题一样， IE6浏览器有太多的bug让制作网页的人头疼。这篇文章介绍的是介绍的是如何解决IE6不支持position:fixed;属性的办法。如果我们需要做某个元素始终位于浏览器的底部，不会因为浏览器窗口的缩放和滚动条的滚动而变化，那个肯定是想到的用position:fixed生成绝对定位，只要设置这个CSS属性就能达到刚刚的需求。当其他浏览器都正常显示的时候，只有IE6不那么完美。
解决IE不支持position:fixed问题
hmonkey915的专栏
02-28 4131
页面上需要一个固定位置的块，不论页面怎么滚动，始终停在它的位置，比如“返回顶部”、“给建议”、“分享按钮”、“广告”等等。css中有position: fixed;可以直接用。IE确不支持，有没有好的办法解决 评论 (1) • 分享 • 链接 • 2012-02-03 0 这个兼容性问题通常是采用JS+绝对定位方式处理 – xiaomi 2012-02-0
IE8 不支持 position:fixed 的简单解决办法
xuanjiewu的专栏
09-28 5916
今天发现使用 position:fixed 的页面在firefox下没有问题，在IE8下却不能正常显示，在网上找了找，有不少相关文章，但是不是不起作用就是太复杂，后来终于发现一个简单的解决办法，就是在html的开头加上 ： 就可以了，后来搜了搜，发现 HTML 4.0 Transitional 和 XHTML 1.0 Transitional  的布局确实有不少差异，可以参见这里： 
html定位兼容,IE6兼容position:fixed的5种方法
weixin_39522423的博客
06-08 312
第一种：css方法有时候当我们需要把一个元素固定在页面的某个部位，一般都是用css中的“position:fixed;”方法来解决，但是IE6不支持fixed，所以今天分享一个兼容IE6的页面底部固定层CSS代码。如下：.bottom{bottom:0;position:fixed;height:23px;line-height:23px;width:100%;z-index:999;_botto...
js，css三种方法解决IE6下position:fixed的Bug以及闪动问题
xuan2717的博客
08-27 203
js，css三种方法解决IE6下position:fixed的Bug以及闪动问题
html定位 浏览器兼容,IE6浏览器不支持固定定位（position：fixed）解决方案
weixin_33477290的博客
06-10 476
今天在学习的时候，突然发现在IE6浏览器下，position：fixed不管用了：复制代码代码如下: New Document 正常普通流元素position：fixed元素上面的代码在IE6中打开，效果如下：而在其他浏览器(IE7+、firefox、opera、safari、chrome)下则正常显示：经过多次测试，原来不只在IE6下，在IE7、IE8浏览器下，若是文档使用的是怪异(quirk)...
IE6不兼容position:fixed的多种解决方案分析与总结
guaguapi_ndsc的专栏
09-10 939
目录       引言       解决方案基本思路            1、视窗与网页的区别            2、position:fixed固定定位的含义            3、position:fixed固定定位与position:absolute绝对定位的区别            4、用position:absolute绝对定位模拟position:fixed固定
小技巧css解决移动端ios不兼容position:fixed属性，无需插件
T_shiyi的博客
02-24 638
移动端开发仿app头部底部固定设置position:fixed，android2.2以上已经实现。但是在ios8以下系统，当小键盘激活时，都会出现位置浮动问题。如图：如何解决：查阅资料之后想到一下几种解决方法1，使用position：absolute模拟<script type="text/javascript"> window.onscroll=function(){ ...
javascript ie6兼容position:fixed实现思路
12-02
然而，不幸的是，Internet Explorer 6 (IE6) 并不支持 `position:fixed`，这就给开发者带来了兼容性问题。 为了解决IE6中的这个问题，通常需要借助JavaScript来模拟 `position:fixed` 的效果。以下是一个实现兼容性...
IE6支持position:fixed完美解决方法
10-30
总结来说，解决IE6不支持`position:fixed`的问题可以通过创建条件注释和使用CSS表达式来实现。虽然这种方法比JavaScript事件监听更节省资源，但在现代Web开发中，考虑到浏览器兼容性和性能优化，通常会避免使用CSS...
IE6中的position:fixed定位兼容性写法分享
12-07
以上就是解决IE6中 `position:fixed` 兼容性的技巧。需要注意的是，这些方法仅适用于IE6，对于其他版本的IE或者现代浏览器，可以直接使用 `position:fixed`。在实际开发中，考虑到跨浏览器兼容性和性能，通常会结合...
【CSS】IE6中的position：fixed问题与随滚动条滚动的效果
编程记录，亲测有效
10-22 1861
上次在《【jQuery】兼容IE6的滚动监听》（点击打开链接）提及到解决IE6fixed问题，具体是要引入一个js文件，还要声明一条脚本就为这个div声明fixed定位去解决，起始这样很不好啊。引入的Javascript不好管理之余，还要在head声明引入javascript，之后又要给这个div声明一个id，之后又要在脚本出弄一条声明，实在是烦死了。 使用position：fixed无非是想做
Tailwind CSS 实战
pan303507479的博客
12-01 457
Tailwind CSS 实战
主题切换（1）：css变量的使用（:root）
Z_Wonderful的博客
12-01 260
:root 是一个伪类选择器，它匹配文档的根元素（即 <html> 元素）。使用 :root 定义 CSS 变量（自定义属性）可以让变量具有全局作用域，方便在整个项目中统一管理和动态调整样式
Vue项目中 安装及使用Sass（scss）
2509_94216583的博客
12-01 265
为什么会有这个安装方法，是因为我在使用常规安装方法时，会出现版本不兼容问题，导致安装失败，所以 尝试了一个新的方法，如下。的版本，因为它会根据 npm 依赖项自动安装合适的版本。项目就可以正常使用sass啦~：nodejs环境中将sass转css。2.在这个配置中，你不需要指定。：把 sass编译成css。
脚本网页 推理游戏
最新发布
2401_82519096的博客
12-01 431
单页面即玩。
修复IE6浏览器position:fixed定位问题的CSS解决方案
"解决在Internet Explorer 6 (IE6) 中使用`position: fixed`的定位问题" 在Web开发中，`position: fixed`是一种常用的CSS定位方式，它可以让元素相对于浏览器窗口保持固定的位置，即使页面滚动也不会改变其位置。...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值