ie6浏览器不支持position:fixed解决办法

滚动条是body的滚动,固定元素是相对body定位,那么把它设置窗口那么高,不就一直是在窗口那个位置了?

 代码如下 复制代码

html { _overflow: hidden; }
body { _height: 100%; _overflow: auto; }
.box {
    position: fixed;
    left: 10px;
    top: 180px;
    _position: absolute;
}

自家用法介绍

 代码如下 复制代码

html,html body {background-image:url(about:blank);background-attachment:fixed;}/* 修正IE6不支持position:fixed的bug */ 
.bottoms{ width:100%; bottombottom:0; position:fixed;_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))); 
    } 

推荐淘宝网用的方法

 代码如下 复制代码

*html {/* 只有IE6支持 */
    background-image: url(about:blank); /* 使用空背景 */
    background-attachment: fixed; /* 固定背景 */
}
#box {
    /* 非IE6浏览器使用固定元素 */
    position: fixed;
    top: 0;
    left: 0;
    /* IE6改为绝对定位,并通过css表达式根据滚动位置更改top的值 */
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop));
}

时间: 2024-12-23 14:42:35

ie6浏览器不支持position:fixed解决办法的相关文章

访问本页面 您的浏览器需要支持JavaScript的解决办法

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 百度site:首页出现"访问本页面,您的浏览器需要支持JavaScript".这样的情况,对于一个刚刚引起搜索引擎重视的新站来说是相当大的打击,需要尽快找出原因跟解决办法. 首先分析原因,用站长工具模拟搜索引擎蜘蛛抓取,结果却是"访问本页面,您的浏览器需要支持JavaScript".用谷歌管理员工具中实

IE6浏览器网页文字溢出的解决办法

解决|浏览器|网页 <div style="width:400px">   <div style="float:left"></div>   <!-- -->   <input type="hidden" value="hidden" />   <div style="display:none;">hidden</div>

关于Mozilla浏览器不支持innerText的解决办法_javascript技巧

比如: <p id="test"><strong><font color="red">Hello</font> , world!</strong></p> 我们使用代码:alert((document.getElementById("test")).innerText) 在IE.Chrome中,均能获取到"Hello , world!",但是在Firefo

浏览器不支持position: fix的解决

 最近给朋友做一手机网站,网站底部需要放一浮动,网页向下滚动时,此浮动也跟着向下滚动,一直距于窗口底部,一般大家都是使用position: fixed实现这个功能,而作者也是这样实现的,但是在手机浏览器中却不支持position: fixed,本文就说下我的解决方法,大家看下明白就行了.   css代码 .wap_bottom {  height: 60px;  width: 100%;  position: fixed;  z-index: 2;  bottom: 0;  left: 0; 

ie6不支持PNG图片解决办法(季雨林代码收集)

PNG图像格式介绍: PNG是20世纪90年代中期开始开发的图像文件存储格式,其目的是企图替代GIF和TIFF文件格式,同时增加一些GIF文件格式所不具备的特性.流式 网络图形格式(Portable Network Graphic Format,PNG)名称来源于非官方的"PNG's Not GIF",是一种位图文件(bitmap file)存储格式,读成"ping".PNG用来存储灰度图像时,灰度图像的深度可多到16位,存储彩色图像时,彩色图像的深度可多到48位,

【原】使用iScroll.js解决ios4下不支持position:fixed的问题

一直折腾position:fixed在ios和android的使用,而事实上这么上流的ios4系统居然不支持position:fixed,幸运的是苹果公司在ios5系统修复了这个bug,比较理想的解决方案是让所有用户把系统升级到ios5及以上版本,这种想法在国外还好,在国内环境下,因为越狱而不想去升级手机的人很多,如果强迫用户去升级,那可能会把你的产品KS了.而你也不可能跟你老板说ios4什么不兼容那个属性啊,让用户升级啊!老板看到的是结果,你做不出来,别人怎么做得出来呢,这样你老板可能会对你的

Ajax打开新窗口被浏览器拦截的两种解决办法

最近在做支付时发现打开支付窗口时被浏览器拦截了,百度了一下才发现是因为打开窗口前用ajax验证是否能支付,所以不是用户主动触发的打开ixin窗口,浏览器认为这样不安全,所以给拦截了. 解决办法一 先开始打开一个空的新窗口,然后改变新窗口的url,具体代码为 var wd = window.open(); $.ajax({ type: "POST", dataType: "json", url: URL, data: {orderNo:orderNo}, succes

Win8系统无法打开网页提示”浏览器控件不兼容“解决办法

  Win8系统无法打开网页提示"浏览器控件不兼容"解决办法: 1.进入Win8系统,然后,使用鼠标双击要浏览的图标即可将浏览器打开; 2.在Win8系统窗口右上角处,点击工具按钮,再选择"Internet选项",接着在窗口上点击高级选项卡; 3.在Win8系统窗口高级选项卡下,点击"启动增强保护模式",然后使用鼠标将选英方框内的勾取消掉,并在窗口右下角点击"确定"按钮保存,即可解决浏览器无法显示故障; 4.返回Win8系统浏

360浏览器占用内存过高解决办法

  说到360安全浏览器,很多人都是又爱又恨,一方面方便,另一方面有老是提醒内存占用过高,小编也是经常遇到,解决的方法网上有很多,不过我自己试了试,都是治标不治本的,下面为大家分析一下问题原因以及360浏览器占用内存过高解决办法. 360浏览器占用内存过高 内存过高原因分析: 在360浏览器3.x的多进程的框架下,内存占用比单进程高,但是优点是能在网页关闭之后完全释放网页占用的资源.在360浏览器3.x的混合进程的框架下,内存占用比单进程较高,但是优点是能在网页关闭之后较好释放网页占用的资源.