武林網(www.49028c.com)文章簡介：在IE瀏覽器中打印HTML5元素 (IE Print Protector).

IE瀏覽器的 6 7 8版本無法識別HTML5的新元素.IE 對待無法識別的元素將使用空的<section>和</section>空元素.這也意味著未知元素的內容也不會包含他們的內容,他們無法被定義樣式和將溢出的內容包含到它本身的DOM節點中.
下面的這個例子,我們將用 article包含一個有些文字的標題和段落.

1

2

3

4

5

6

7

8

<article>

    <h1>

        Lorem ipsum

    </h1>

    <p>

        Dolor sit amet, consectetur adipisicing elit.

    </p>

</article>

因為IE瀏覽器將article解析成一個空元素,標題元素和段落都將溢出.

1

2

3

4

5

6

7

<article />

<h1>

    Lorem ipsum

</h1>

<p>

    Dolor sit amet, consectetur adipisicing elit.

</p>

將這些元素展現在視圖里面.IE Print Protector 需要一個輔助工具,一小段 JS 代碼,幫助IE瀏覽器支持這些HTML5標簽.為了讓這些標簽元素能夠打印出來,當打印的時候,IE Print Protector 臨時的將 HTML5 元素作了替換,將其替換成可以支持的元素(比如 div 和 sapn).IE Print Protector 也會在已有樣式表的基礎上生成一個特殊的樣式表,這也意味著你可以更保險的對他們定義樣式通過 link,style和@import和 @media的方法.IE Print Protector 保存了頁面的原始HTML5元素. 所有這些元素的表現和事件沒有任何影響.

未使用 IE Print Protector

項目地址:IE Print Protector

中文原文：如何讓IE支持HTML5新元素的打印樣式
項目地址:IE Print Protector