博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
IE6 css position:fixed无效的解决办法
阅读量:7032 次
发布时间:2019-06-28

本文共 1286 字,大约阅读时间需要 4 分钟。

hot3.png

在一般css代码编写的时候,IE6,IE6-IE8都可以使用自己的特有的css属性来改良某些bug,在解决IE6 fixed时就需要这种方式来做。

首先需要进行浏览器版本判断,当为小于等于IE6的版本时,载入IE6兼容性css

注意,这段代码的位置最好写在其他所有css导入代码之后

然后在lteIE6Hack.css编写自己的代码

为了让ie6支持fixed,需要使用ie6 css表达式语言

/*设置html,body背景属性,使得ie6被“fixed”后,当浏览器滚动时不会出现弹跳效果(抖动)*/html,html body{  background-image:url(about:blank);  background-attachment:fixed;}div.ie6_fixed{   position:absolute;/*只有fixed才能调整div在“盒子模型”中的z-Index*/   z-Index:100;/*设置垂直索引,只要大于当前div的容器即可。*/   left:expression(eval(document.documentElement.scrollLeft)) + 10; /*向右偏移10个像素*/   top:expression(eval(document.documentElement.scrollTop))  /**紧贴window顶部**/}

以上是一种方案,但是有时为了简单,不在判断浏览其版本不为ie6专门制定css的情况下做到fixed,可以使用ie6 css兼容属性来完成,这样做也可以减少浏览器请求网络的次数,但这种方式也会增加代码量。

下面代码一种有效的方式,common.css

html,body{  padding:0px;  margin:0px;  _background-image:url(about:blank); /*使用 “_”只有ie6能识别,"*"的话IE6-IE8都能识别*/  _background-attachment:fixed;}div.ie6_fixed{   position:fixed;   left:10px;   top:0px;      _position:absolute;   _left:expression(eval(document.documentElement.scrollLeft)) + 10;    _top:expression(eval(document.documentElement.scrollTop))       z-Index:100;}

导入时不再判断浏览器版本

------------------------------------------------------------------------------------

这两种方式均可使用,至于你喜欢哪种,我只能说“我不知道”

转载于:https://my.oschina.net/ososchina/blog/338368

你可能感兴趣的文章
冲刺第一周第五天
查看>>
Java 接口
查看>>
Android 微信第三方登录
查看>>
硬盘的读写原理
查看>>
实例 centos自动挂载、备份windows共享文件夹,并删除第7日前当天的备份
查看>>
LNMP下动静分离部署phpmyadmin软件包
查看>>
如何写更好的自动化测试用例
查看>>
60再谈指针
查看>>
repost
查看>>
android异步加载AsyncTask
查看>>
GCC Stack-Smashing Protector
查看>>
虚拟机Visualbox安装Ubuntu Server
查看>>
用带余除法可以解决一切部分分式的题目
查看>>
vs 生成事件
查看>>
jmeter 实战项目总结2——微信端
查看>>
php.ini 中文版
查看>>
即时通信客户端流程,
查看>>
布隆过滤器redis缓存
查看>>
01-数据仓库之数据建模
查看>>
Nginx 安装
查看>>