`
shuaigg.babysky
  • 浏览: 567818 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

在ie6上模拟position:fixed

    博客分类:
  • css
阅读更多

可以使用这样的css

body {background:url('javascript:false') fixed;}

div {position:fixed;top:0;left:0;_position:absolute;_top:expression(eval(document.documentElement.scrollTop))}

 

 

 

注意:

其中如果页面是标准模式,那么需要使用document.documentElement

      如果页面是quirk模式,那么需要使用的document.body

 

 

如果定位到bottom 和 right的话,需要自己进行计算。

 

例如bottom的位置为   document.documentElement.scrollTop + document.documentElement.clientHeight -this.clientHeight - 2

      right的位置为       document.documentElement.scrollLeft + document.documentElement.clientWidth - this.clientHeight - 2

分享到:
评论

相关推荐

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

    在互联网早期,Internet Explorer 6 (IE6) 是一个广泛使用的浏览器,但它的CSS支持并不完善,特别是对于`position: fixed`属性。`position: fixed`在现代浏览器中用于创建固定定位元素,使得元素相对于视口...

    position:fixed在ie6的使用

    4. **负margin和绝对定位的组合**:在IE6中,可以尝试将元素的`position`设置为`absolute`,然后使用负的`margin`值来模拟`position:fixed`。这种方法可能需要根据页面的具体情况进行调整,可能不够稳定。 5. **...

    position_fixed

    这段代码检测到IE6时,会在窗口滚动时通过JavaScript动态调整元素的`top`属性,模拟`position: fixed;`的效果。 同时,`position_fixed.html`文件可能是一个示例网页,展示了如何在不同浏览器中实现`position: ...

    仿Lightbox效果(Windows关机效果),div覆盖,锁定页面及IE 6实现position:fixed;

    由于IE6不完全支持CSS的`position: fixed`,开发者通常需要使用JavaScript库如jQuery或特定的CSS hack来模拟固定定位的效果,以确保在旧版浏览器中也能正常显示。 在这个压缩包中包含的"lightbox测试.html"文件可能...

    解决ie6的定位问题 position fiexed

    为了解决这个问题,我们需要一种兼容IE6的方法来模拟`position: fixed;`的效果。 #### 解决方案 为了克服IE6中的这一限制,可以采用以下策略: 1. **使用条件注释**:首先,利用HTML中的条件注释来为目标浏览器...

    IE6支持position:fixed完美解决方法

    这样我们可以为IE6创建一个单独的CSS规则集,来模拟`position:fixed`的效果。 接下来,在`ie-stuff.css`文件中,我们需要编写CSS规则来处理`position:fixed`。在提供的代码中,我们看到如下规则: ```css #footer ...

    javascript ie6兼容position:fixed实现思路

    为了解决IE6中的这个问题,通常需要借助JavaScript来模拟 `position:fixed` 的效果。以下是一个实现兼容性的基本策略: 1. **初始化CSS**:首先,为IE6定义一个备用的定位方式,通常是 `position:absolute`,并使用...

    详解IE6中的position:fixed问题与随滚动条滚动的效果

    从给定文件中提供的内容来看,问题的核心在于如何在IE6中模拟position: fixed的行为,尤其是在滚动时元素仍然能够固定在页面上。具体方法是使用position: absolute; 配合一个javascript表达式,通过计算确保元素相...

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

    其中一个典型的问题是IE6不支持CSS中的`position:fixed`属性,这个属性允许元素在页面滚动时保持其在屏幕上的位置,常用于创建导航栏或页脚等固定位置的元素。 `position:fixed`在其他现代浏览器中工作良好,但在IE...

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

    在标准浏览器中,设置 `position:fixed` 可以使元素相对于浏览器窗口定位,但在 IE6 中,这个属性会失效,导致元素的行为更像是 `position:absolute`,即相对于最近的非 static 定位的祖先元素进行定位。 针对这个...

    ie6下实现position:fixed效果实例介绍

    然而,在IE6中,我们需要借助一些技巧来模拟`position:fixed`的效果。 以下是一个针对IE6实现`position:fixed`效果的实例: ```html <!DOCTYPE ...

    IE6不兼容position:fixed属性的解决办法分享

    及上下两边,共四种位置的固定,与以往的教程不同的地方是,它使用CSS表达式来兼容IE5、IE6,且避免了js模拟时,拖动滚动条时出现抖动的问题,另外在IE5或者怪癖模式下也完全正常,没有任何问题。如果你有更好的方案...

    ie6 position:fixed解决方案

    本文将探讨两种在 IE6 中模拟 `position: fixed;` 的方法。 1. **纯 CSS 法**: 这种方法主要依赖于 IE6 特有的 * 选择器。通过将 `* html` 作为顶层选择器,我们可以针对 IE6 应用特定的样式。首先隐藏浏览器的...

    IE6中的position:fixed定位兼容性写法分享

    在标题和描述中提到的"IE6中的position:fixed定位兼容性写法",实际上是一种利用JavaScript和CSS hack来模拟`position:fixed`效果的方法。下面,我们将详细探讨这些技术: 1. **HTML和CSS Hack**: 由于IE6的特性...

    CSS表达式(expression)解决IE6 position:fixed无效问题

    在非IE6浏览器中,`position:fixed`可以直接应用到元素上,如下所示: ```css #gs { border: 1px solid #000; position: fixed; right: 30px; top: 120px; } ``` 然而,对于IE6,这种方法不起作用。为了模拟`...

    JS 滚动事件[removed]与position:fixed写兼容IE6的回到顶部组件

    在本文中,我们将探讨如何利用JavaScript的滚动事件`window.onscroll`以及CSS中的`position:fixed`属性来创建一个兼容IE6的“回到顶部”组件。首先,我们需要理解这两个关键概念。 `window.onscroll`事件是...

    IE6 position:fixed bug (固定窗口方法)

    }`,这样元素就会相对于body元素固定,而body元素会随滚动条移动,从而在IE6中模拟出类似`position:fixed`的效果。 对于其他浏览器,可以继续使用`position:fixed`,因为它在现代浏览器中得到了正确支持。完整的...

Global site tag (gtag.js) - Google Analytics