Question

css定位div问题，在IE显示不正常

这是我写的css（.extbkbox{margin-bottom:0px;padding-bottom:0px;width:280px;background:#FFFFFF;border:solid 1px #c0c0c0;position:fixed !Important;bottom:0px;float:left;position:absolute;z-index:1000;}）在谷歌浏览器中显示正常（显示在右下角），但是在IE浏览器兼容状态下也就是在IE8下显示不正常（显示在右上角）。大神能否告诉我怎么回事吗？

Answer 1

/*fixed 兼容解决方案*/
*html{ 
    background-image:url(about:blank); background-attachment:fixed; 
}
  
/*距离顶部固定位置(表达式里面的y可以换成某个数值。距离为10px就写10)*/
.fixed-top{
    position: fixed; top:0px; _top:expression(eval(document.documentElement.scrollTop+y));
}
/*距离底部部固定位置(表达式里面的y可以换成某个数值。距离为10px就写10)*/
.fixed-bottom{
    position: fixed; bottom:0px; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)-y)); }
      
.fixed{
    _position: absolute; _bottom: auto;
}

样式里面那个y.就是个距离值。根据你要设置的大小相应的进行更改。

至于左右位置，就简单了left和right。设置个值就可以了。

对应的元素<div class="fixed-bottom fixed"></div>

追问

你的方法我试了 在IE浏览器器下还是不兼容，显示不正常。

追答

你下载我附件看下。测试ie6及以上都没问题。仔细检查下你页面的头部申明是否正确。

追问

那还奇怪了，为什么我放在网站上就是不正常呢！

追答

看下你的页面最上面的文档说明

追问

最上面的文档说明？你是说页面的头代码吗？

追答

就是 <!DOCTYPE 这一行。你改成我发你的附件里的。

追问

好了 显示正确了 就是那个<!DOCTYPE 这一行的问题 太感谢大神了 我膜拜你 ！

Answer 2

首先，在IE浏览器，IE9支持W3C标准以下版本是不完美的，所以你只要按照W3C CSS书面标准，然后在IE浏览器可能无法正常显示。

的CSS，如果你想与其他版本的IE浏览器兼容，您必须了解CSS破解，这取决于浏览器的CSS定义不同的属性，可以与更多的浏览器兼容

追问

那我这个问题 具体怎么解决呢？