• 技术文章 >web前端 >css教程

    ie6,ie7,ie8完美支持position:fixed的终极解决方案_经验交流

    2016-05-16 12:03:41原创1446

    ie6对position:fixed不支持,网上有很多解决方法,有的在ie6,ie7上调试成功后,在ie8上又不好使,div层还是跟随滚动条浮 动;以下总结方法,在ie6,ie7,ie8上都调试成功,且页面滚动条滚动时,效果还挺好,div层并不会闪烁。

    复制代码 代码如下:


    css:

    复制代码 代码如下:

    .fixed{
    position:fixed; /*对于火狐等其他浏览器需要设置的*/
    top:700px; /*同上*/
    width:30px;
    height:30px;
    cursor:pointer;
    display:none;
    }
    .ie{
    _position: absolute;
    _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);
    }

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:ie6 ie7 ie8 position:fixed
    上一篇:完美实现浮动元素横排居中显示_基础教程 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • “saturate”,又get了新的CSS知识!• 13 个实用CSS技巧,助你提升前端开发效率!• 巧用距离、角度及光影制作炫酷的 3D 文字特效• 让交互更加生动!巧用CSS实现鼠标跟随 3D 旋转效果• 手把手教你用CSS实现简单大气的输入框
    1/1

    PHP中文网