zoukankan      html  css  js  c++  java
  • IE6中position:fixed无效问题解决

    在做页面右下脚对话框时,直接使用position:fixed;大部分浏览器很容易就能做到,但是在IE6中却发现不行,原来是IE6不支持position:fixed;这个属性。

    虽然用JS肯定能解决这个问题,但是总觉得用JS来做布局的工作不是很好,网上找了下这个问题,发现可以直接用CSS方法解决,代码如下:

     代码如下 复制代码
    _position:absolute;

    _bottom:auto;

    _top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) - 1 : document.body.scrollTop +(document.body.clientHeight-this.clientHeight) - 1);
     

    其实上面方法也是通过JS来定位解决,只不过是将JS代码写在CSS中了

    jquery固定层顶部固定层和底部固定层不抖动并且支持IE6

    HTML代码:

     代码如下 复制代码
    <div class="shortcut">
     <h1><a href="http://www.111cn.net/">jquery固定层顶部固定层和底部固定层不抖动并且支持IE6</a></h1>
     <span class="right">
      <a href="http://www.111cn.net">下载特效</a>
     </span>
    </div>

    <div class="bottomcut">
     <h1><a href="http://www.111cn.net/">jquery固定层顶部固定层和底部固定层不抖动并且支持IE6</a></h1>
     <span class="right">
      <a href="http://www.111cn.net/">下载特效</a>
     </span>
    </div>
     

    JS代码:

     代码如下 复制代码
    <script type="text/javascript">
    $(document).ready(function(){

     $(window).scroll(function(){
      if($.browser.msie && $.browser.version=="6.0")$(".bottomcut").css("top",$(window).height()-$(".bottomcut").height()+$(document).scrollTop());
     });
     
    });
    </script>
     

  • 相关阅读:
    fastcgi性能调优(转)
    nginx location配置(转)
    elasticsearch配置文件详解(转)
    linux常用信号集
    phpstorm快捷键总结
    浅谈MVC中的service层(转)
    php中的内存管理的介绍(转)
    使用C语言开发PHP扩展(转)
    Linux恢复误删除的文件或者目录(转)
    笔记整理3——python实现MAC分析地理位置
  • 原文地址:https://www.cnblogs.com/alibai/p/3508206.html
Copyright © 2011-2022 走看看