`
liudaoru
  • 浏览: 1575743 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

IE6支持position:fixed最完美方案[z]

    博客分类:
  • Ajax
阅读更多

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:e­xpression(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/
分享到:
评论

相关推荐

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

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

    chrome中position:fixed对z-index的影响

    dom结构:正常的实现方式很容易:因为B本身就在A的后面,当A和B都设置了position属性(非static),且没有设置z-index的时候,其层叠关系是后面的元素覆盖前面的元素,这样只需要给A-child设置z-index属性值即可。...

    解决IE6下Position:fixed问题

    这是因为在IE6中,只有当背景图片设置为`fixed`时,才会触发一种类似`position:fixed`的效果。 2. **利用expression()**:IE6特有的`expression()`函数可以用来动态计算元素的位置。例如,对于一个需要固定在顶部的...

    javascript ie6兼容position:fixed实现思路

    然而,在Internet Explorer 6(简称IE6)这个古老的浏览器版本中,对`position:fixed`的支持并不完全,导致开发者在处理布局时会遇到兼容性问题。 为了实现IE6下的`position:fixed`兼容性,开发者通常需要采用...

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

    对于旧版IE浏览器,如IE6,可能不支持position:fixed或者transform属性。在这种情况下,可以通过设置_position:absolute作为兼容性写法,确保在不支持fixed的浏览器中,元素仍然能够尽可能地居中。 在实现居中时,...

    IE6 fixed的完美解决方案

    随着IE7及以上版本的浏览器开始支持position: fixed属性,对于仍广泛使用的IE6浏览器,我们需要寻找其他解决方案。 在描述中提到的使用JavaScript事件的方案,虽然可以实现类似fixed的效果,但存在消耗较多资源、...

    ie6中解决z-index

    因此,要解决IE6的`z-index`问题,首先要确保需要调整堆叠顺序的元素设置了非`static`的`position`值。 其次,IE6的`z-index`计算基于包含块,而不是整个页面。这意味着只有在同一层级(拥有共同祖先,且该祖先的`...

    ie6 z-index不起作用的完美解决方法

    如果一个元素在DOM结构中是由多个父元素包围,且这些父元素都有position属性,那么IE6可能只考虑最外层父元素的z-index。这种情况下,改变外部父元素的position属性为absolute或者调整内部父元素的z-index,都可以...

    CSS中的position:relative;的作用示例介绍

    在某些旧版本的浏览器如IE5.5和NS6中可能不支持。 在你的场景中,你想要让`div#sub`相对于`div#demo`定位在右上角。正确的做法是设置`div#demo`的`position`为`relative`,这样`div#demo`成为`div#sub`的定位参考点...

    CSS在网页上实现浮动层跟随滚动条特效(兼容IE6)

    而在 IE6 以上版本或者其它 Firefox, Chrome, Safari, Opera 浏览器下,编程方式却变为无效,通过 CSS 样式 `position:fixed;` 就能实现浮动且能跟随滚动条移动。 2. 全 CSS 实现 这种方式使用几个特殊的 CSS 来...

    IE7 position:relative的问题

    `position`属性用于控制元素在页面上的定位方式,常见的值有`static`(默认值,不进行特殊定位)、`relative`(相对定位,相对于其正常位置)、`absolute`(绝对定位,相对于最近的非`static`定位的祖先元素)和`...

    层固定在底部的样式 层固定在底部的样式

    这些特殊的CSS属性和JavaScript表达式用于解决IE6对`position: fixed;`支持不足的问题。其中,`_position:absolute;`将元素设置为绝对定位,而`_top`的表达式则动态计算元素应该出现在屏幕上的位置,使其模拟固定...

    z-index ie6下的解决方案

    在大多数现代浏览器中,z-index属性的使用相对简单明了,但IE6浏览器由于其老旧的渲染引擎,对z-index的支持并不完善,导致在处理元素堆叠顺序时会出现一些问题。 #### 非同辈元素的z-index问题 在IE6中,当涉及到...

    CSS行为expression轻松实现IE6无抖动固定定位

    在早期的Web开发中,尤其是针对Internet Explorer 6 (IE6) 的兼容性问题,开发者经常面临一个挑战:IE6不支持CSS中的`position: fixed`属性,这意味着无法实现元素随滚动条固定显示的效果。然而,为了在IE6中模拟这...

    css 兼容ie6,ie7,ff的fixed,元素上下端固定定位方法

    因此,本文将详细介绍一种适用于IE6、IE7以及Firefox的fixed定位兼容方案。 #### 实现原理 为了解决这个问题,我们可以通过以下几种方式实现兼容性: 1. **使用`position: absolute;`配合浏览器滚动条事件**:在...

    CSS中position属性之fixed实现div居中

    对于IE6的兼容性问题,由于它不支持`fixed`定位,我们可以使用`_position:absolute;`这个私有属性进行hack,使IE6也能实现类似的效果。但要注意,这只是一个临时解决方案,因为IE6已经不再被广泛支持,现代的网站...

    页面头部和底部固定

    `在所有现代浏览器中都得到支持,但老版本的IE(尤其是IE6和7)可能存在兼容问题。如果需要支持这些旧浏览器,可能需要使用JavaScript或者更复杂的CSS hack来实现类似效果。 6. **工具和源码**: - 提供的`CSS Top...

    深入理解css中position属性及z-index属性1

    在IE7和IE8中,需声明`DOCTYPE`才能支持此特性。例如,一个`fixed`定位的`div`始终位于屏幕右下角,即使页面滚动,它依然保持不变。 3. **position: relative** `relative`定位是相对定位,元素相对于其正常位置...

    浅析CSS--元素重叠及position定位的z-index顺序.pdf

    1. 只有`position`值为`relative`、`absolute`或`fixed`的元素才支持`z-index`。 2. `z-index`决定了同级定位元素之间的堆叠顺序,数值较高的元素会覆盖数值较低的元素。 3. 不同父元素的子元素之间,`z-index`不会...

    浅析CSS--元素重叠及position定位的z-index顺序.docx

    对于特定情况,例如`Flash`元素和IE6下的`select`元素,可能需要特殊的处理,如更改`wmode`属性或使用`iframe`来解决窗口元素的遮挡问题。 总结来说,理解`position`定位和`z-index`的关系是解决元素重叠问题的关键...

Global site tag (gtag.js) - Google Analytics