From : http://onewww.net/blog/article.asp?id=96
参考 :http://dancewithnet.com/2007/04/19/cross-brower-css-fixed-position/#header
IE7已经支持position:fixed了,而我们的IE6呢?还继续使用js事件?消耗资源,破坏结构,画面闪耀。
今天去一老外站看到了这他站上的十分平滑但却没有js,好奇,原来。。巧妙啊,分享下,相对而言比较节省资源。但效果好,使用方便,兼顾w3c。哈哈
程序代码
<!-- compliance patch for microsoft browsers -->
<!--[if lt IE 7]><link rel="stylesheet" href="ie-stuff.css" type="text/css" media="screen"/><![endif]-->
ie-stuff.css
程序代码
#footer {
position: absolute;
bottom: auto;
clear: both;
top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop
+(documentElement.clientHeight-this.clientHeight) - 1
: document.body.scrollTop
+(document.body.clientHeight-this.clientHeight) - 1);
}
效果
http://bassistance.de/jquery-plugins/jquery-plugin-validation/
分享到:
相关推荐
需要注意的是,由于旧版本的Internet Explorer(如IE6)不支持CSS3的一些新属性,可能会需要一些额外的hack来确保兼容性。在这个例子中,使用了`_position: absolute;`作为对IE6的兼容处理。 此技术非常适用于创建...
dom结构:正常的实现方式很容易:因为B本身就在A的后面,当A和B都设置了position属性(非static),且没有设置z-index的时候,其层叠关系是后面的元素覆盖前面的元素,这样只需要给A-child设置z-index属性值即可。...
这是因为在IE6中,只有当背景图片设置为`fixed`时,才会触发一种类似`position:fixed`的效果。 2. **利用expression()**:IE6特有的`expression()`函数可以用来动态计算元素的位置。例如,对于一个需要固定在顶部的...
然而,在Internet Explorer 6(简称IE6)这个古老的浏览器版本中,对`position:fixed`的支持并不完全,导致开发者在处理布局时会遇到兼容性问题。 为了实现IE6下的`position:fixed`兼容性,开发者通常需要采用...
对于旧版IE浏览器,如IE6,可能不支持position:fixed或者transform属性。在这种情况下,可以通过设置_position:absolute作为兼容性写法,确保在不支持fixed的浏览器中,元素仍然能够尽可能地居中。 在实现居中时,...
随着IE7及以上版本的浏览器开始支持position: fixed属性,对于仍广泛使用的IE6浏览器,我们需要寻找其他解决方案。 在描述中提到的使用JavaScript事件的方案,虽然可以实现类似fixed的效果,但存在消耗较多资源、...
因此,要解决IE6的`z-index`问题,首先要确保需要调整堆叠顺序的元素设置了非`static`的`position`值。 其次,IE6的`z-index`计算基于包含块,而不是整个页面。这意味着只有在同一层级(拥有共同祖先,且该祖先的`...
如果一个元素在DOM结构中是由多个父元素包围,且这些父元素都有position属性,那么IE6可能只考虑最外层父元素的z-index。这种情况下,改变外部父元素的position属性为absolute或者调整内部父元素的z-index,都可以...
在某些旧版本的浏览器如IE5.5和NS6中可能不支持。 在你的场景中,你想要让`div#sub`相对于`div#demo`定位在右上角。正确的做法是设置`div#demo`的`position`为`relative`,这样`div#demo`成为`div#sub`的定位参考点...
而在 IE6 以上版本或者其它 Firefox, Chrome, Safari, Opera 浏览器下,编程方式却变为无效,通过 CSS 样式 `position:fixed;` 就能实现浮动且能跟随滚动条移动。 2. 全 CSS 实现 这种方式使用几个特殊的 CSS 来...
`position`属性用于控制元素在页面上的定位方式,常见的值有`static`(默认值,不进行特殊定位)、`relative`(相对定位,相对于其正常位置)、`absolute`(绝对定位,相对于最近的非`static`定位的祖先元素)和`...
这些特殊的CSS属性和JavaScript表达式用于解决IE6对`position: fixed;`支持不足的问题。其中,`_position:absolute;`将元素设置为绝对定位,而`_top`的表达式则动态计算元素应该出现在屏幕上的位置,使其模拟固定...
在大多数现代浏览器中,z-index属性的使用相对简单明了,但IE6浏览器由于其老旧的渲染引擎,对z-index的支持并不完善,导致在处理元素堆叠顺序时会出现一些问题。 #### 非同辈元素的z-index问题 在IE6中,当涉及到...
在早期的Web开发中,尤其是针对Internet Explorer 6 (IE6) 的兼容性问题,开发者经常面临一个挑战:IE6不支持CSS中的`position: fixed`属性,这意味着无法实现元素随滚动条固定显示的效果。然而,为了在IE6中模拟这...
因此,本文将详细介绍一种适用于IE6、IE7以及Firefox的fixed定位兼容方案。 #### 实现原理 为了解决这个问题,我们可以通过以下几种方式实现兼容性: 1. **使用`position: absolute;`配合浏览器滚动条事件**:在...
对于IE6的兼容性问题,由于它不支持`fixed`定位,我们可以使用`_position:absolute;`这个私有属性进行hack,使IE6也能实现类似的效果。但要注意,这只是一个临时解决方案,因为IE6已经不再被广泛支持,现代的网站...
`在所有现代浏览器中都得到支持,但老版本的IE(尤其是IE6和7)可能存在兼容问题。如果需要支持这些旧浏览器,可能需要使用JavaScript或者更复杂的CSS hack来实现类似效果。 6. **工具和源码**: - 提供的`CSS Top...
在IE7和IE8中,需声明`DOCTYPE`才能支持此特性。例如,一个`fixed`定位的`div`始终位于屏幕右下角,即使页面滚动,它依然保持不变。 3. **position: relative** `relative`定位是相对定位,元素相对于其正常位置...
1. 只有`position`值为`relative`、`absolute`或`fixed`的元素才支持`z-index`。 2. `z-index`决定了同级定位元素之间的堆叠顺序,数值较高的元素会覆盖数值较低的元素。 3. 不同父元素的子元素之间,`z-index`不会...
对于特定情况,例如`Flash`元素和IE6下的`select`元素,可能需要特殊的处理,如更改`wmode`属性或使用`iframe`来解决窗口元素的遮挡问题。 总结来说,理解`position`定位和`z-index`的关系是解决元素重叠问题的关键...