代码非常简单。自己在本地测试一下。。
/* 兼容IE6的跟随滚动条定位 */
body { _background-image:url(about:blank);_background-attachment:fixed;}
.fixtop { position:fixed;top:0px;left:0px;width:100%;_position:absolute;_top:expression(eval(document.documentElement.scrollTop));_left:expression(eval(document.documentElement.scrollLeft)); }
.fixbot { position:fixed;bottom:0px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight)); }
.fixleft { position:fixed;top:165px;left:10px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight/2-this.offsetHeight/2));}
.fixright { z-index:9999;position:fixed;top:145px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop>300?document.documentElement.scrollTop+document.documentElement.clientHeight/2-this.offsetHeight/2-30:2000));_left:expression(eval(document.documentElement.clientWidth<1080?Math.max(905,document.documentElement.clientWidth-55):(document.documentElement.clientWidth/2+490))); }
.fixrightdown { z-index:9999;position:fixed;bottom:0px;right:0px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight)); }
body处,是解决滚动的时候闪动问题。。。
分享到:
相关推荐
本资源旨在解决IE6下`fixed`定位的实现问题,帮助开发者绕过这个棘手的兼容性障碍。要理解这个问题,首先要了解`position: fixed`的正常行为:元素的位置基于视口,而不是文档流,这意味着它会保持在屏幕的特定位置...
纯css兼容IE6的fixed定位不上下晃动!
为了解决IE6中的`position: fixed;`问题,我们可以采用以下几种方法: 1. **条件注释法**: 在HTML文档的头部,可以使用IE6特有的条件注释来引入一个专门为IE6定制的CSS文件,这样可以针对IE6浏览器提供特别的样式...
解决IE6不支持`fixed`定位的方法通常涉及到CSS Hack。首先,我们需要理解这个问题的本质:IE6将`fixed`视为`static`或`relative`,因此无法实现期望的固定定位效果。以下是一个简单的解决策略: 1. **针对IE6的CSS ...
在其他现代浏览器中,CSS的`position`属性如`relative`、`absolute`和`fixed`能很好地实现元素的定位,但在IE6中,这些属性的处理方式却大不相同,导致开发者需要进行特殊的“hack”来解决这些问题。 首先,IE6不...
兼容IE6的Fixed定位示例,通过Exp和JS判断浏览器,然后选择是否降级
这个内容是老生常谈了,主要问题就是IE6不支持 position:fixed 引起的BUG.当我们去搜索解决这个bug的垮浏览器解决办法时,绝大多数结果都是说使用 position:absolute 来替代解决,可是我们真的解决了么?没有,因为当页面...
然而,为了在IE6环境下模拟`fixed`定位,我们可以采用一些技巧和补丁方法。本教程将深入探讨如何在IE6下实现类似新浪微博头部的固定定位效果。 首先,我们需要理解`fixed`定位的基本概念。在CSS中,`position: ...
4. 使用polyfill库:一些库如`ie6-fixed`专门为IE6提供了`fixed`定位的兼容性解决方案。 压缩包中的`fixed.html`文件可能是一个示例页面,用于展示在IE6中如何处理`fixed`定位问题,或者包含了用于测试和修复此类...
一般的IE6 fixed都会抖动,很难看,童叟无欺,绝对不抖动
### 解决IE6中的定位问题:Position Fixed 在早期的Web开发中,Internet Explorer 6(简称IE6)因其浏览器兼容性问题而臭名昭著。其中一个常见的问题是`position: fixed;`属性在IE6中不起作用。这使得开发者很难...
请注意,这段代码并未涉及`fixed`定位的实现,因为在IE6下,我们通常会用绝对定位(`absolute`)结合滚动事件来模拟`fixed`效果。如果需要在IE6下实现类似`fixed`的效果,可以将`#backtop`的`position`属性设置为`...
这篇博客“IE6下的纯CSS完美position:fixed实现”可能介绍了一种通过CSS技巧或JavaScript工作来模拟`position: fixed`的方法。 尽管描述为空,我们可以推测博主可能探讨了以下几种常见策略: 1. **表达式...
总的来说,解决IE6不支持`position:fixed`的bug需要开发者具备深厚的前端知识,包括CSS兼容性、CSS Hack以及对JavaScript表达式的理解。同时,也需要权衡性能与兼容性的关系,适时地做出技术决策,以适应不断变化的...
总的来说,解决IE6的"fixed"定位bug需要结合CSS的hack和JavaScript,以模拟现代浏览器中的"fixed"定位行为。虽然这种方法可以达到预期效果,但同时也增加了代码的复杂性和可能的性能问题。在现代浏览器广泛使用的...
### IE6特有bug兼容性问题整理 #### 1. 浮动(float)与相邻非浮动元素的表现差异 - **问题描述**: 在不同浏览器中,对于`float`元素和相邻非`float`元素的处理方式存在差异。具体表现为,在IE6中,当一个元素设置...
在探讨“css ie6 fixed属性解决方法”这一主题时,我们不得不面对一个历史遗留问题:Internet Explorer 6(IE6)对于CSS3中fixed定位的支持不足。IE6发布于2001年,其浏览器内核对现代Web标准的支持有限,尤其是在...
`.ie6fixedTL` 和 `.ie6fixedBR` 分别处理左上角和右下角固定定位的元素。`expression` 函数会根据浏览器窗口的滚动位置实时更新元素的 `left` 和 `top` 值。 需要注意的是,这种方法虽然可以实现类似 `position:...
总结来说,解决IE6不支持`position: fixed;`的问题通常需要结合使用CSS Hack和JavaScript表达式。虽然这些方法在现代浏览器中已经不再适用,但对于维护旧网站或支持仍然使用IE6的用户来说,这些知识仍然是有价值的。...
4. **负margin和绝对定位的组合**:在IE6中,可以尝试将元素的`position`设置为`absolute`,然后使用负的`margin`值来模拟`position:fixed`。这种方法可能需要根据页面的具体情况进行调整,可能不够稳定。 5. **...