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

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

1

2

3

4

5

6

7

8

<article>

    <h1>

        Lorem ipsum

    </h1>

    <p>

        Dolor sit amet, consectetur adipisicing elit.

    </p>

</article>

因?yàn)镮E瀏覽器將article解析成一個(gè)空元素,標(biāo)題元素和段落都將溢出.

1

2

3

4

5

6

7

<article />

<h1>

    Lorem ipsum

</h1>

<p>

    Dolor sit amet, consectetur adipisicing elit.

</p>

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

未使用 IE Print Protector

項(xiàng)目地址:IE Print Protector

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