知识 分享 互助 懒人建站

    懒人建站专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

    懒人建站提供网页素材下载、网站模板
    知识 分享 互助!

    让IE6支持固定定位的CSS写法

    作者:佳明妈 来源:懒人建站 2010-04-10 人气:
    IE6并不支持CSS固定定位(POSITION:fixed;),利用微软提供的expression方法来实现。

    CSS中的 固定定位就是相对于浏览器窗口。当容器的position属性值为fixed时,这个容器就固定在一个位置不会随着滚动条的拖动而变化位置。

    这听起来是很振奋人心的一件事情,很可惜IE6并不支持此属性,可恶的是IE6仍然占据很大的市场份额,怎么办?办法总是有的,利用微软提供的expression方法。如下:
    _POSITION: absolute;
    _TOP: expression(offsetParent.scrollTop+document.documentElement.clientHeight-this.offsetHeight);
    这个 _ 意思是只有IE6才能认出来的意思。当然你可以使用IE的条件注释来为固定定位的元素单独指定样式,如下:
    <!--[if lt IE 6]>
    <style type="text/css">
    #eee{
    POSITION: absolute;
    TOP: expression(offsetParent.scrollTop+document.documentElement.clientHeight-this.offsetHeight);
    }
    </style>
    <![endif]-->

    还有一种写法:
    top:expression(eval(document.body.scrollTop + 50));}

    大家可以试试。

    当然你用CSS的方法实现也是可以的。

    ↓ 查看全文

    让IE6支持固定定位的CSS写法由懒人建站收集整理,您可以自由传播,请主动带上本文链接

    懒人建站就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。

    让IE6支持固定定位的CSS写法-最新评论