解决ie6中fixed不起作用的问题

有时需要把一个元素固定在页面的某个部位，一般的解决方法是：

.box{position:fixed;bottom:0;right:10px;}

让元素固定在浏览器的底部和距离右边的10个像素。一般的浏览器都支持这种方法，但是ie6不支持fixed

解决办法：

.box{osition:fixed; _position:absolute; bottom:0; right:10px; _bottom:auto;

_top:expression(eval(document.documentElement.scrollTop

+document.documentElement.clientHeight

-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)

-(parseInt(this.currentStyle.marginBottom,10)||0)))}

使元素固定在浏览器的顶部：.box{ _position:absolute; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop)); }使元素固定在浏览器的底部：.box{ _position:absolute; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop

+document.documentElement.clientHeight

-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)

-(parseInt(this.currentStyle.marginBottom,10)||0))); }这两段代码只能实现在最底部跟最顶部，你可以使用 _margin-top:10px; 或者 _margin-bottom:10px; 修改其中的数值控制元素的位置。

在ie中你会发现被固定定位的元素在滚动滚动条的时候会闪动

解决的方法是：

*html{ background-image:url(about:blank); //使用空背景

background-attachment:fixed; //固定背景

}

这样ie6中不支持fixed问题算是解决了

解决ie6中fixed不起作用的问题相关推荐

完美解决IE6中fixed抖动问题的方法
我们可以通过position:fixed来实现元素的固定效果,如网页中底部的"回到顶部菜单",底部的toolbar,对联广告等等,可惜fixed属性在IE6及以下是不支持的.通常的 ...
解决IE6中 PNG图片透明的终极方案-八种方案！
"珍惜生命,远离IE6",IE6中的bug令很多Web前端开发人员实为头疼,因此不知道烧了多少脑细胞,在众多的Bug中最令人抓狂的就是IE对png图片的不支持,导致设计师和重构师放 ...
解决IE6中PNG透明显示灰底的8种方法
方案一 - 滤镜解决方案介绍:滤镜从IE4.0被微软正式引入,所以我们可以使用滤镜解决IE6的PNG透明问题,滤镜不仅可以实现目前CSS3的一些旋转效果而且还可以引入图片.注意:此方法在部分版本的I ...
修正IE6中FIXED不能用的办法，转载
.fixed-top /* 头部固定 */{position:fixed;bottom:auto;top:0px;} .fixed-bottom /* 底部固定 */{position:fixed;b ...
解决IE6中PNG图出现灰色背景问题
第 1 种方法:定义一个样式,给某个div应用这个样式后,div的透明png背景图片自动透明了.(注意两处图片的路径写法不一样,本例中,icon_home.png图片与html文件在相同目录) < ...
如何解决IE6双边距问题？
解决IE6中浮动元素的margin双倍边距问题 IE6中,第一个浮动到父元素边上的元素,如果含有该方向的margin值,那么margin会以双倍显示.即:浮动元素的左边距在IE6上为所设定的左边距的两 ...
html文件修改后缀为aspx之后在ie6中格式显示不正确问题的解决办法
因为客户的特殊要求,网站显示的时候必须以aspx后缀的形式来显示,所以把所有文件的后缀全部改成aspx了.但是部署上去之后,aspx文件在ie7及ie8中都能正常显示(ie8中能正常显示需 ...
完美解决IE6不支持position:fixed的bug
废话不多说,先看一下下面这段代码: <!DOCTYPE html> <html> <head> <meta http-equiv="Content- ...
maxlength不起作用android,Android EditText设置Filter以后（xml布局文件中maxLength不起作用的解决办法）...
Android EditText设置Filter以后,xml布局文件中maxLength不起作用的解决办法问题发现最近项目里有个需求,文本框禁用emoji表情的输入,因为用到的地方较多,第一个想到 ...

解决ie6中fixed不起作用的问题

解决ie6中fixed不起作用的问题相关推荐

最新文章

热门文章