html - Margin top 在 IE 6 中不起作用

Question

我的代码

<div id="header">
<div id="header_top">KIDS'<br>ZONE</div>
</div>

CSS

#header{
        width:1024px;
    height:150px;
    background:url('../images/Orange.jpg');
    background-repeat:no-repeat;
    background-size:1024px 150px;
}
#header_top
{
    background:#842DCE;
    width:125px;
    height:70px;
    float:left;
    margin-left:50px;
    margin-top:-20px;
    color:white;
    text-align:center;
    font-family:"Times New Roman", Times, serif;
    font-size:25px;
    padding-top:5px;
    opacity:1;
    font-weight:bold;

}

我在除IE以外的其他浏览器中的结果

在浏览器中

可能很简单，但我正在挣扎，请帮助我

Answer 1

你应该认真放弃对 IE6 的支持。根据他们的 IE6 Countdown，甚至微软也在提倡这一点网站:

There are many benefits of upgrading to a newer version of Internet Explorer – improved speed, tabbed browsing, and better privacy settings to name a few.

The web has changed significantly over the past 10 years. The browser has evolved to adapt to new web technologies, and the latest versions of Internet Explorer help protect you from new attacks and threats.

We recommend that Internet Explorer 6 users upgrade to a newer version of Internet Explorer for a safer browsing experience.

在某些时候，您真的只需要继续前进。现在很少有人明确支持 Netscape Navigator 或 Lynx 浏览器，或者使用 Fortran、BCPL 或 RCA1802 汇编语言编写代码。并且有充分的理由。

而且，如果您是那些仍然坚持使用 IE6 的组织之一，因为它“很好用”(哈!)，上面那个链接上的教育部分有一些资源可以帮助您。