css - ie8 使标题消失

Question

我的网站在 < ie8 中变得完全困惑。具体来说，我的标题就消失了，有什么想法吗？

    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 而不是标题元素，或者您可以在此处添加此脚本，它添加了对 IE8 的 HTML5 支持:https://github.com/afarkas/html5shiv .但对于 IE7 及更早版本，我认为它不会帮助你。我需要支持 IE7 和更早版本，不要使用 HTML5 元素。