css - HTML5 元素不会显示：无；即使在使用 Modernizr 时也在 IE 中

Question

我正在为使用 IE8 或更低版本访问我的网站的用户准备一个快速启动页面。我正在使用 Modernizr 的 .lt-IE9 类来定位文档，然后使用这个 CSS（在 SASS 的帮助下）隐藏我的主要内容并显示“IE 警告”。

.lt-ie9 {
    body {
        background:none;
    }
    .container {
        display:none;
    }
    footer {
        display:none;
    }
    .ie-warning {
        display:block;
        text-align:center;
    }
 }

一切正常，除了显示：无；在页脚元素上，这当然是一个 HTML5 元素。我不知道为什么它不会隐藏，它没有显示在检查器中或被其他任何东西覆盖。