<!--[if lte IE 6]>
/*让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,*htmlbody/*修正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));}
<![endif]-->
分享到:
相关推荐
在`ie6.css`中,我们可以使用其他方法替代`position: fixed;`,如`position: absolute;`配合JavaScript进行动态调整。 2. **使用expression()表达式**: IE6支持CSS表达式,可以通过它来计算元素的位置。例如,...
资源中包含的`163css`文件可能包含了针对IE6的`fixed`定位修复代码,可能是通过引入名为`expression`的CSS属性或者使用条件注释来实现。`expression`是IE6特有的,可以将JavaScript表达式与CSS属性值关联,从而动态...
在网页开发过程中,由于历史遗留原因,Internet Explorer 6(简称IE6)存在许多与现代浏览器不兼容的问题,其中之一就是不支持CSS中的`fixed`定位。`fixed`定位是一种常用的布局方式,可以让元素相对于浏览器窗口...
### CSS在IE6/IE7与Firefox下的兼容性解决方案 #### 概述 在Web开发领域,确保网页在不同浏览器间的一致性显示是至关重要的。由于历史原因,Internet Explorer(尤其是IE6和IE7)与现代浏览器如Firefox在解析CSS时...
6. **CSS Hack**:由于IE6对CSS的解析存在一些差异,可能需要使用特定的CSS hack来修正样式,例如`_property`前缀只在IE6下生效。 7. **渐进增强**:为了保证在所有浏览器中的兼容性,可以采用渐进增强的策略,即为...
在互联网早期,Internet Explorer 6 (IE6) 是一个广泛使用的浏览器,但它的CSS支持并不完善,特别是对于`position: fixed`属性。`position: fixed`在现代浏览器中用于创建固定定位元素,使得元素相对于视口...
纯css兼容IE6的fixed定位不上下晃动!
在探讨“css ie6 fixed属性解决方法”这一主题时,我们不得不面对一个历史遗留问题:Internet Explorer 6(IE6)对于CSS3中fixed定位的支持不足。IE6发布于2001年,其浏览器内核对现代Web标准的支持有限,尤其是在...
在IE6浏览器中,由于其自身的局限性,`fixed`定位常常会出现问题,尤其是在滚动时元素抖动或者无法正常固定位置。这个问题对于现代浏览器来说已经不是问题,但在过去,特别是对于那些还需要支持IE6的网站,这是一个...
但遗憾的是,IE6、IE7和IE8在实现CSS规范时存在许多差异,甚至有些特性在某些版本中是独有的或者不支持的,比如滤镜(Filters)、盒模型(Box Model)以及浮动元素的处理等。 1. 盒模型:IE6和IE7默认采用“怪异盒...
【CSS Hack】在Web开发中,CSS Hack是一种特殊的技术,用于解决不同浏览器对CSS解析的差异,特别是针对老版本的Internet Explorer(IE6、IE7和IE8)的兼容性问题。这些浏览器在解析CSS时存在诸多不一致,导致设计师...
1. 使用条件注释或JavaScript检测:针对IE6,可以添加特定的CSS或JavaScript代码来修复`fixed`定位问题。例如,可以使用JavaScript库如jQuery来实现类似的效果,或者使用CSS hack来为IE6提供不同的样式。 2. 使用`...
总结来说,处理IE6的`position:fixed`问题需要开发者具备对CSS的深入理解,以及对IE6特性的熟悉。虽然现代浏览器已经广泛支持`position:fixed`,但在维护旧项目或考虑向后兼容性时,这些技巧仍然是必要的。在实践中...
### CSS兼容IE6, IE7, FF的技巧详解 #### 一、CSS Hack技术解析 在Web开发过程中,由于不同的浏览器对CSS的支持程度不同,尤其是IE6与IE7这类较老版本的浏览器,在处理CSS样式时存在差异。为了确保网站在不同...
} 这个方法有一个bug未解决:在IE6下会把所有position:absolute都变成“浮动”的元素;还有使用js方法滚动滚动条时会出现对象闪烁,如下方法结合了CSS和js的办法,解决了以上的问题。 代码如下: <!DOCTYPE ...
在IE6浏览器中,由于其对CSS样式支持的局限性,`fixed`定位无法像在现代浏览器中那样正常工作,导致网页元素无法实现固定在屏幕某一位置的效果。然而,为了在IE6环境下模拟`fixed`定位,我们可以采用一些技巧和补丁...
本文将深入探讨如何使用CSS解决这一挑战,创建一个在所有主流浏览器(包括IE6)上都能正常工作的浮窗组件。 首先,浮窗(通常称为弹出窗口或浮动层)是一种常见的网页元素,用于显示额外信息、广告、提示或交互式...
在标题"css3 支持ie8以下圆角"和描述"DIVCSS5圆角实例,CSS3版本圆角实例,支持低版本IE6-IE9浏览器"中,我们关注的关键知识点是CSS3的圆角边框以及如何在早期的Internet Explorer浏览器(IE6到IE9)中实现兼容性。...