Question

我有一个div，按下按钮应该出现在屏幕的中央。我使用以下CSS代码：

    #box {

    width: 490px;
    left:50%;
    margin-left:-245px;
    height: 200px;
    top:50%;
    margin-top:-100px;
    background: #302d1a;
    border: 1px solid #313131;
    color: #ffffff;
    text-align: left;
    position:fixed ;
    z-index: 9999;
}

这段代码在Opera Chrome Firefox中运行良好，但在IE v 6.0中无效？

非常感谢您的帮助：）

Answer 1

如果#box位于另一个具有指定宽度的容器中，这可能对您有用：

#box { 

    width: 490px; 
    left:50%; 
    margin-left:auto;
    margin-right: auto; 
    height: 200px; 
    top:50%; 
    margin-top:-100px; 
    background: #302d1a; 
    border: 1px solid #313131; 
    color: #ffffff; 
    text-align: left;
    z-index: 9999; 
}

我刚添加了margin-left和margin-right设置为auto。

Answer 2

您可以在IE6中模拟使用表达式修复的位置，但正如在评论中所说，固定位置在IE6中不起作用

#box {
    top: expression((document.clientHeight / 2) + document.body.scrollTop + "px");
    position: absolute;
}

请务必将其放入IE 6的条件评论中。

在IE v 6.0的屏幕中间居中一个div

2 个答案: