可以使用这样的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
分享到:
相关推荐
在互联网早期,Internet Explorer 6 (IE6) 是一个广泛使用的浏览器,但它的CSS支持并不完善,特别是对于`position: fixed`属性。`position: fixed`在现代浏览器中用于创建固定定位元素,使得元素相对于视口...
4. **负margin和绝对定位的组合**:在IE6中,可以尝试将元素的`position`设置为`absolute`,然后使用负的`margin`值来模拟`position:fixed`。这种方法可能需要根据页面的具体情况进行调整,可能不够稳定。 5. **...
这段代码检测到IE6时,会在窗口滚动时通过JavaScript动态调整元素的`top`属性,模拟`position: fixed;`的效果。 同时,`position_fixed.html`文件可能是一个示例网页,展示了如何在不同浏览器中实现`position: ...
由于IE6不完全支持CSS的`position: fixed`,开发者通常需要使用JavaScript库如jQuery或特定的CSS hack来模拟固定定位的效果,以确保在旧版浏览器中也能正常显示。 在这个压缩包中包含的"lightbox测试.html"文件可能...
为了解决这个问题,我们需要一种兼容IE6的方法来模拟`position: fixed;`的效果。 #### 解决方案 为了克服IE6中的这一限制,可以采用以下策略: 1. **使用条件注释**:首先,利用HTML中的条件注释来为目标浏览器...
这样我们可以为IE6创建一个单独的CSS规则集,来模拟`position:fixed`的效果。 接下来,在`ie-stuff.css`文件中,我们需要编写CSS规则来处理`position:fixed`。在提供的代码中,我们看到如下规则: ```css #footer ...
为了解决IE6中的这个问题,通常需要借助JavaScript来模拟 `position:fixed` 的效果。以下是一个实现兼容性的基本策略: 1. **初始化CSS**:首先,为IE6定义一个备用的定位方式,通常是 `position:absolute`,并使用...
从给定文件中提供的内容来看,问题的核心在于如何在IE6中模拟position: fixed的行为,尤其是在滚动时元素仍然能够固定在页面上。具体方法是使用position: absolute; 配合一个javascript表达式,通过计算确保元素相...
其中一个典型的问题是IE6不支持CSS中的`position:fixed`属性,这个属性允许元素在页面滚动时保持其在屏幕上的位置,常用于创建导航栏或页脚等固定位置的元素。 `position:fixed`在其他现代浏览器中工作良好,但在IE...
在标准浏览器中,设置 `position:fixed` 可以使元素相对于浏览器窗口定位,但在 IE6 中,这个属性会失效,导致元素的行为更像是 `position:absolute`,即相对于最近的非 static 定位的祖先元素进行定位。 针对这个...
然而,在IE6中,我们需要借助一些技巧来模拟`position:fixed`的效果。 以下是一个针对IE6实现`position:fixed`效果的实例: ```html <!DOCTYPE ...
及上下两边,共四种位置的固定,与以往的教程不同的地方是,它使用CSS表达式来兼容IE5、IE6,且避免了js模拟时,拖动滚动条时出现抖动的问题,另外在IE5或者怪癖模式下也完全正常,没有任何问题。如果你有更好的方案...
本文将探讨两种在 IE6 中模拟 `position: fixed;` 的方法。 1. **纯 CSS 法**: 这种方法主要依赖于 IE6 特有的 * 选择器。通过将 `* html` 作为顶层选择器,我们可以针对 IE6 应用特定的样式。首先隐藏浏览器的...
在标题和描述中提到的"IE6中的position:fixed定位兼容性写法",实际上是一种利用JavaScript和CSS hack来模拟`position:fixed`效果的方法。下面,我们将详细探讨这些技术: 1. **HTML和CSS Hack**: 由于IE6的特性...
在非IE6浏览器中,`position:fixed`可以直接应用到元素上,如下所示: ```css #gs { border: 1px solid #000; position: fixed; right: 30px; top: 120px; } ``` 然而,对于IE6,这种方法不起作用。为了模拟`...
在本文中,我们将探讨如何利用JavaScript的滚动事件`window.onscroll`以及CSS中的`position:fixed`属性来创建一个兼容IE6的“回到顶部”组件。首先,我们需要理解这两个关键概念。 `window.onscroll`事件是...
}`,这样元素就会相对于body元素固定,而body元素会随滚动条移动,从而在IE6中模拟出类似`position:fixed`的效果。 对于其他浏览器,可以继续使用`position:fixed`,因为它在现代浏览器中得到了正确支持。完整的...