ie8 使 header 消失

Question

我的网站在 < ie8 中变得完全混乱。具体来说，我的 header 刚刚消失了，有什么想法吗？

    header{
        width: 100%;
        height: 140px;
        background: #FFFFFF;
        margin: 0px;
        float: left;
    }

    h1{
    color: #FFFFFF;
      font-family: Garamond,Baskerville,"Baskerville Old Face","Hoefler                Text","Times New Roman",serif
    }


    .headerInner{
        width: 96%;
        height: 88%;
        background: #00AA4F;
        margin: 10px 2%;
        text-align: center;
    }

Answer 1

IE8 及更早版本不支持 HTML5，因此它不知道 header 元素的存在，因此不会呈现它。您可以使用 div 而不是 header 元素，或者您可以在此处添加此脚本，它添加了对 IE8 的 HTML5 支持：https://github.com/afarkas/html5shiv。但对于 IE7 及更早版本，我认为它不会帮助你。我需要支持 IE7 及更早版本，请勿使用 HTML5 元素。

ie8 使 header 消失

ie8 makes header disappear

css

internet-explorer-8