使用HTML5标签向后兼容

Question

1. 我希望我的CSS能够正常工作，即使对于使用HTML5标签的旧浏览器也是如此。

2. 我使用了tag并定义了与之关联的样式，这种样式适用于新浏览器但不适用于旧浏览器（标记中的文本呈现为普通文本）

3. 以下是代码：

---

    <style>
    .nav {
      color: red
      }
    nav {
      display: block;
      background-color: blue
      }
    </style>
    <div>
     <nav class="nav">
      <p>this is nav text</p>
     </nav>

此代码不适用于旧浏览器。
如何解决这个问题，因为我使用的所有标签都应该在所有浏览器中正确呈现。

Answer 1

在头部元素中插入缩小的分布shiv＆＃39; （在CSS之前或之后）：

<!--[if lt IE 9]>
<script src="[PATH]/html5shiv.js"></script>
<![endif]-->

https://code.google.com/p/html5shiv/
https://github.com/aFarkas/html5shiv
背后的历史：http://www.paulirish.com/2011/the-history-of-the-html5-shiv/