css 绝对剧中 ie6

很多网页设计师在面对IE6浏览器时的心情都是十分的无奈，因为IE6浏览器的CSS支持非常有限。

其中最常见的问题就是页面的绝对居中。

在现代浏览器中，我们可以使用CSS3的transform属性来实现居中，但是IE6没有这个属性，我们只能使用其它方式来实现页面的绝对居中，比如：

div {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -100px;
      margin-left: -100px;
}

在这个例子中，我们将元素定位到距离顶部50%和左侧50%的位置，然后通过负的margin值来移动元素位置，以达到居中的效果。

然而，这种方法在IE6中仍然存在问题。由于IE6的盒子模型不同于其它浏览器，我们需要对这个方法进行一些改进才能在IE6中实现页面的绝对居中。

div {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -100px;
      margin-left: -100px;
      width: 200px;
      height: 200px;
      _position: absolute;
      _top: expression(eval(document.documentElement.scrollTop+(document.documentElement.clientHeight-this.offsetHeight)/2));
      _left: expression(eval(document.documentElement.scrollLeft+(document.documentElement.clientWidth-this.offsetWidth)/2));
}
    

在这个例子中，我们为元素添加了固定的宽度和高度，并使用"_position"、"_top"、"_left"三个IE6专用的CSS属性来达到居中的效果。

使用这个方法，我们不仅可以在现代浏览器中实现页面的绝对居中，也可以在IE6中实现相同的效果。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！