IE Print Protector讓IE支持HTML5新元素的打印樣式

武林網(www.vevb.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 Print Protector

項目地址:IE Print Protector

中文原文：如何讓IE支持HTML5新元素的打印樣式

項目地址:IE Print Protector