`

做CSS固定窗口发现IE6下不兼容,下面是解决position:fixed在IE6下不兼容的方法

 
阅读更多
写道
.fixed-top /* 头部固定 */{position:fixed;bottom:auto;top:0px;}
.fixed-bottom /* 底部固定 */{position:fixed;bottom:0px;top:auto;}
.fixed-left /* 左侧固定 */{position:fixed;right:auto;left:0px;}
.fixed-right /* 右侧固定 */{position:fixed;right:0px;left:auto;}
/* 上面的是除了IE6的主流浏览器通用的方法 */
* html,* html body /* 修正IE6振动bug */{
background-image:url(about:blank);background-attachment:fixed;
}
* html .fixed-top /* IE6 头部固定 */{
position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop));
}
* html .fixed-right /* IE6 右侧固定 */ {
position:absolute;right:auto;
left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));
}
* html .fixed-bottom /* IE6 底部固定 */{
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)));
}
* html .fixed-left /* IE6 左侧固定 */{
position:absolute;right:auto;left:expression(eval(document.documentElement.scrollLeft));
}
 
分享到:
评论

相关推荐

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

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

    HTML IE6 纯CSS 解决 position fixed 的问题

    在`ie6.css`中,我们可以使用其他方法替代`position: fixed;`,如`position: absolute;`配合JavaScript进行动态调整。 2. **使用expression()表达式**: IE6支持CSS表达式,可以通过它来计算元素的位置。例如,...

    position_fixed

    描述中提到的"完美兼容IE6"是一个挑战,因为IE6对CSS标准的支持并不完全,尤其是对于`position: fixed;`的处理存在一些问题。在其他现代浏览器中,`position: fixed;`工作得相当好,但在IE6中,需要采用一些特殊的...

    css中position:fixed实现div居中上下左右居中

    需要注意的是,由于旧版本的Internet Explorer(如IE6)不支持CSS3的一些新属性,可能会需要一些额外的hack来确保兼容性。在这个例子中,使用了`_position: absolute;`作为对IE6的兼容处理。 此技术非常适用于创建...

    javascript ie6兼容position:fixed实现思路

    然而,不幸的是,Internet Explorer 6 (IE6) 并不支持 `position:fixed`,这就给开发者带来了兼容性问题。 为了解决IE6中的这个问题,通常需要借助JavaScript来模拟 `position:fixed` 的效果。以下是一个实现兼容性...

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

    在Web开发中,`position:fixed`是一个非常有用的CSS属性,它允许元素相对于浏览器窗口定位,即使在滚动页面时,元素也会保持在屏幕的固定位置。然而,这个特性在Internet Explorer 6 (IE6)中并不原生支持,导致...

    css ie6 fiexd属性解决方法

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

    IE6不支持fixed解决方法

    在网页开发过程中,由于历史遗留原因,Internet Explorer 6(简称IE6)存在许多与现代浏览器不兼容的问题,其中之一就是不支持CSS中的`fixed`定位。`fixed`定位是一种常用的布局方式,可以让元素相对于浏览器窗口...

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

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

    跨浏览器的实践:position:fixed 层的固定定位

    这个例子中的技巧在于,通过媒体查询和 IE 特有的 CSS 规则,让在支持 `position: fixed` 的浏览器中正常工作,同时在不支持的浏览器中采用备选方案,确保了在大多数浏览器中都有良好的用户体验。 总的来说,`...

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

    标题中的“IE6 position:fixed bug (固定窗口方法)”指的是在Internet Explorer 6浏览器中,使用CSS的`position:fixed`属性时出现的一个兼容性问题。`position:fixed`通常用于创建固定定位的元素,使其在页面滚动时...

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

    ` 结合使用,可以解决IE6中背景图片闪烁的问题,使背景固定在视口不随页面滚动。 接下来是针对不同方向固定的兼容性写法: 1. **头部固定**: ```css /* IE6 头部固定 */ html .fixed-top { position: absolute; ...

    ie6 position:fixed解决方案

    在 IE6 下,为需要固定的元素添加 `_position: absolute;` 和 `_top: expression()`,通过 `documentElement.scrollTop` 计算元素相对于页面顶部的距离。这种方法虽然可以实现固定效果,但在滚动时可能会出现闪烁的...

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

    总之,`position: fixed` 在 IE6 中的不兼容是前端开发中常见的问题,解决方法包括使用 CSS 表达式模拟和 JavaScript 插件。尽管这些方法能提供一定程度的兼容性,但随着技术进步,逐步淘汰对过时浏览器的支持,转而...

    IE6下fixed实现头部定位

    在非IE6浏览器中,实现`fixed`定位只需在CSS中添加`position: fixed`,并指定`top`、`right`、`bottom`或`left`属性即可。但在IE6中,由于不支持`fixed`定位,我们需要寻找替代方案。一种常见的解决方法是利用...

    javascript图片完全固定在左、右、上、下,兼容IE6

    ### JavaScript 图片完全固定在左右两边,兼容IE6的知识点 #### 一、问题背景与需求分析 在早期的浏览器版本中,特别是 Internet Explorer 6 (IE6),很多 CSS 特性并不支持或者存在兼容性问题。其中,“position: ...

    css中position:fixed实现div在窗口上下左右居中

    其中,position:fixed是一种特殊的定位方式,它可以使元素相对于浏览器窗口进行定位,而与文档流无关,也就是说,无论页面滚动到何处,该元素都会固定在浏览器窗口中的指定位置。 使用position:fixed实现div元素在...

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

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

Global site tag (gtag.js) - Google Analytics