`
wangking717
  • 浏览: 263166 次
  • 性别: Icon_minigender_2
  • 来自: 成都
社区版块
存档分类
最新评论

解决IE6下FIXED BUG。轻松定位。

 
阅读更多

代码非常简单。自己在本地测试一下。。

 

 

/* 兼容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实现头部定位

    本资源旨在解决IE6下`fixed`定位的实现问题,帮助开发者绕过这个棘手的兼容性障碍。要理解这个问题,首先要了解`position: fixed`的正常行为:元素的位置基于视口,而不是文档流,这意味着它会保持在屏幕的特定位置...

    兼容IE6的fixed定位不晃动

    纯css兼容IE6的fixed定位不上下晃动!

    HTML IE6 纯CSS 解决 position fixed 的问题

    为了解决IE6中的`position: fixed;`问题,我们可以采用以下几种方法: 1. **条件注释法**: 在HTML文档的头部,可以使用IE6特有的条件注释来引入一个专门为IE6定制的CSS文件,这样可以针对IE6浏览器提供特别的样式...

    IE6不支持fixed解决方法

    解决IE6不支持`fixed`定位的方法通常涉及到CSS Hack。首先,我们需要理解这个问题的本质:IE6将`fixed`视为`static`或`relative`,因此无法实现期望的固定定位效果。以下是一个简单的解决策略: 1. **针对IE6的CSS ...

    ie6下定位bug解决

    在其他现代浏览器中,CSS的`position`属性如`relative`、`absolute`和`fixed`能很好地实现元素的定位,但在IE6中,这些属性的处理方式却大不相同,导致开发者需要进行特殊的“hack”来解决这些问题。 首先,IE6不...

    兼容IE6的Fixed定位示例

    兼容IE6的Fixed定位示例,通过Exp和JS判断浏览器,然后选择是否降级

    IE6实现position:fixed bug (固定窗口方法)的实例

    这个内容是老生常谈了,主要问题就是IE6不支持 position:fixed 引起的BUG.当我们去搜索解决这个bug的垮浏览器解决办法时,绝大多数结果都是说使用 position:absolute 来替代解决,可是我们真的解决了么?没有,因为当页面...

    IE6下fixed实现新浪微博头部定位

    然而,为了在IE6环境下模拟`fixed`定位,我们可以采用一些技巧和补丁方法。本教程将深入探讨如何在IE6下实现类似新浪微博头部的固定定位效果。 首先,我们需要理解`fixed`定位的基本概念。在CSS中,`position: ...

    绝对定位(浮动的层),在IE6中fixed

    4. 使用polyfill库:一些库如`ie6-fixed`专门为IE6提供了`fixed`定位的兼容性解决方案。 压缩包中的`fixed.html`文件可能是一个示例页面,用于展示在IE6中如何处理`fixed`定位问题,或者包含了用于测试和修复此类...

    IE6 fixed 不抖动

    一般的IE6 fixed都会抖动,很难看,童叟无欺,绝对不抖动

    解决ie6的定位问题 position fiexed

    ### 解决IE6中的定位问题:Position Fixed 在早期的Web开发中,Internet Explorer 6(简称IE6)因其浏览器兼容性问题而臭名昭著。其中一个常见的问题是`position: fixed;`属性在IE6中不起作用。这使得开发者很难...

    超简单在IE6中实现Fixed效果并无抖动的返回顶部

    请注意,这段代码并未涉及`fixed`定位的实现,因为在IE6下,我们通常会用绝对定位(`absolute`)结合滚动事件来模拟`fixed`效果。如果需要在IE6下实现类似`fixed`的效果,可以将`#backtop`的`position`属性设置为`...

    IE6下的纯CSS完美position:fixed实现

    这篇博客“IE6下的纯CSS完美position:fixed实现”可能介绍了一种通过CSS技巧或JavaScript工作来模拟`position: fixed`的方法。 尽管描述为空,我们可以推测博主可能探讨了以下几种常见策略: 1. **表达式...

    js完美解决IE6不支持position:fixed的bug

    总的来说,解决IE6不支持`position:fixed`的bug需要开发者具备深厚的前端知识,包括CSS兼容性、CSS Hack以及对JavaScript表达式的理解。同时,也需要权衡性能与兼容性的关系,适时地做出技术决策,以适应不断变化的...

    ie6 fixed bug的解决方法 (css+js)

    总的来说,解决IE6的"fixed"定位bug需要结合CSS的hack和JavaScript,以模拟现代浏览器中的"fixed"定位行为。虽然这种方法可以达到预期效果,但同时也增加了代码的复杂性和可能的性能问题。在现代浏览器广泛使用的...

    IE6特有bug兼容性问题整理

    ### IE6特有bug兼容性问题整理 #### 1. 浮动(float)与相邻非浮动元素的表现差异 - **问题描述**: 在不同浏览器中,对于`float`元素和相邻非`float`元素的处理方式存在差异。具体表现为,在IE6中,当一个元素设置...

    css ie6 fiexd属性解决方法

    在探讨“css ie6 fixed属性解决方法”这一主题时,我们不得不面对一个历史遗留问题:Internet Explorer 6(IE6)对于CSS3中fixed定位的支持不足。IE6发布于2001年,其浏览器内核对现代Web标准的支持有限,尤其是在...

    IE6不支持position:fixed bug的完美解决

    `.ie6fixedTL` 和 `.ie6fixedBR` 分别处理左上角和右下角固定定位的元素。`expression` 函数会根据浏览器窗口的滚动位置实时更新元素的 `left` 和 `top` 值。 需要注意的是,这种方法虽然可以实现类似 `position:...

    解决iframe中fixed失效的问题

    ` 属性时,可能会遇到一些问题,即 `fixed` 定位在某些情况下可能失效。这通常与浏览器的渲染机制和 `iframe` 的跨域限制有关。本文将深入探讨这个问题,并提供解决方案。 首先,`position: fixed;` 是CSS定位属性...

    ie6 position:fixed解决方案

    总结来说,解决IE6不支持`position: fixed;`的问题通常需要结合使用CSS Hack和JavaScript表达式。虽然这些方法在现代浏览器中已经不再适用,但对于维护旧网站或支持仍然使用IE6的用户来说,这些知识仍然是有价值的。...

Global site tag (gtag.js) - Google Analytics