在 IE6 中实现 position:fixed; 的办法
_position:absolute;
中的 _
符号只有 IE6 才能识别,目的是为了区分其他浏览器。
以下是代码片断:
使元素固定在浏览器的顶部:
#top{ _position:absolute; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop));}
使元素固定在浏览器的底部:
#top{ _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)));}
这两段代码只能实现在最底部跟最顶部,你可以使用 _margin-top:10px;
或者 _margin-bottom:10px;
修改其中的数值控制元素的位置。
position:fixed; 闪动问题
现在,问题还没有完全解决。在用了上面的办法后,你会发现:被固定定位的元素在滚动滚动条的时候会闪动。解决闪动问题的办法是在 CSS 文件中加入:
*html{ background-image:url(about:blank); background-attachment:fixed; }
其中 *
是给 IE6 识别的。
到此,IE6 的 position:fixed; 问题已经被解决了。
文章引用地址:http://www.iefans.net/ie6-position-fixed-dingwei/
相关推荐
3. **JavaScript库**:有些JavaScript库如jQuery或个人编写的脚本,专门用于解决IE6中的`position: fixed`问题。它们监听滚动事件,然后通过JavaScript计算并更新元素的位置。 4. **条件注释(conditionnal comments...
在网页设计中,实现元素的固定定位(Fixed Positioning)是一项常见的需求,它可以使元素相对于浏览器窗口保持固定的位置,无论用户滚动页面如何,该元素总是在屏幕的特定位置。`position: fixed` 是 CSS 中的一个...
然而,在Internet Explorer 6(简称IE6)这个古老且具有很多兼容性问题的浏览器中,`position:fixed`的实现并不完美,需要采用特定的“hack”技巧来实现类似的效果。 首先,我们来详细理解`position:fixed`的正常...
### 解决IE6中的定位问题:Position Fixed 在早期的Web开发中,Internet Explorer 6(简称IE6)因其浏览器兼容性问题而臭名昭著。其中一个常见的问题是`position: fixed;`属性在IE6中不起作用。这使得开发者很难...
为了解决IE6中的`position: fixed;`问题,我们可以采用以下几种方法: 1. **条件注释法**: 在HTML文档的头部,可以使用IE6特有的条件注释来引入一个专门为IE6定制的CSS文件,这样可以针对IE6浏览器提供特别的样式...
总的来说,`position_fixed`主题涵盖了网页设计中的固定定位技术,特别是如何在不支持`position: fixed;`的旧版浏览器(如IE6)中实现相同效果的策略。这包括使用JavaScript补丁、条件注释以及可能的CSS hack,确保...
对于`position:fixed`的模拟,我们可以创建两个类 `.ie6fixedTL` 和 `.ie6fixedBR`,分别用于处理元素的左上角和右下角的固定定位。在非IE6浏览器中,这些类将使用常规的`position:fixed`,而在IE6中,我们将使用CSS...
标题中的“IE6 position:fixed bug (固定窗口方法)”指的是在Internet Explorer 6浏览器中,使用CSS的`position:fixed`属性时出现的一个兼容性问题。`position:fixed`通常用于创建固定定位的元素,使其在页面滚动时...
本文将介绍一种更优雅、资源效率更高的方法来解决IE6对`position:fixed`的支持问题,这种方法是通过条件注释和CSS表达式来实现的。 首先,我们可以使用HTML的条件注释(Conditional Comments)来针对IE6加载特定的...
为了解决IE6中的这个问题,通常需要借助JavaScript来模拟 `position:fixed` 的效果。以下是一个实现兼容性的基本策略: 1. **初始化CSS**:首先,为IE6定义一个备用的定位方式,通常是 `position:absolute`,并使用...
总结来说,解决IE6不支持`position: fixed;`的问题通常需要结合使用CSS Hack和JavaScript表达式。虽然这些方法在现代浏览器中已经不再适用,但对于维护旧网站或支持仍然使用IE6的用户来说,这些知识仍然是有价值的。...
由于IE6不完全支持CSS的`position: fixed`,开发者通常需要使用JavaScript库如jQuery或特定的CSS hack来模拟固定定位的效果,以确保在旧版浏览器中也能正常显示。 在这个压缩包中包含的"lightbox测试.html"文件可能...
解决IE6下的`position:fixed`问题通常需要一些技巧和hack。以下是几个关键点: 1. **背景图片设置**:在IE6中,给容器(如body)添加一个背景图片,并设置`_background-attachment: fixed;`。这是因为在IE6中,只有...
在网页设计中,`position:fixed` 是一个 CSS 属性,用于设置元素的定位方式,使其相对于浏览器窗口保持固定,即使在滚动时也不会移动。然而,这个特性在 Internet Explorer 6 (IE6) 中存在一些兼容性问题。由于 IE6 ...
IE6浏览器对CSS中的固定定位(position: fixed)不支持,这是一个众所周知的问题。IE6以及其他一些旧版本的浏览器,比如IE7和IE8,在文档处于怪异模式(quirk mode)时,会将position: fixed视为错误值,并将其忽略...
因此,尽管这种方法可以解决IE6下的`position:fixed`问题,但它并不是最佳实践。随着IE6的使用率逐渐降低,更推荐的方法是逐步停止对它的支持,转而专注于更现代的浏览器和更高效的前端技术。 总的来说,解决IE6不...
综合以上内容,我们可以知道,要解决IE6中的position: fixed问题,需要利用javascript表达式和特定的CSS滤镜语法,来模拟出其他浏览器中position: fixed所提供的效果。这种做法虽然复杂,但可以在不牺牲太多可读性...
首先,我们需要理解这个问题的本质:IE6将`fixed`视为`static`或`relative`,因此无法实现期望的固定定位效果。以下是一个简单的解决策略: 1. **针对IE6的CSS Hack**: 在`body`元素的CSS样式中,我们可以添加两...
本文将详细介绍如何解决 IE6 不支持 `position:fixed` 的问题,并提供一种完美的解决方案。 首先,让我们分析一下 IE6 中的 `position:fixed` bug。在标准浏览器中,设置 `position:fixed` 可以使元素相对于浏览器...