2013-08-30 74 views
1

我在這裏搜索了一下,並試圖只打印我想要的div。@media print在IE中無法使用8,7

使用該

@media print 
{ 
    #top_area { display: none; } 
    #left_area { display: none; } 
    #buttom_area { display: none; } 
    #contents_area { display: block; } 
} 

和它的作品在Chrome和IE9以上罰款。

但問題出在IE8下。

它只是立即停工瀏覽器:(

什麼好的解決辦法?

+0

它是典型的ie,嘗試用JavaScript –

+0

以及如果我使用javascript,有一個與CSS的問題:( – Canna

回答

2

的Windows Internet Explorer 9引入了對媒體查詢的支持。這就是爲什麼它不是在IE 8

爲你工作
+0

所以我應該怎麼做在IE8 :( – Canna

+0

根據我的知識沒有辦法做到這一點在IE 8或下面的版本使用媒體css –

+0

讓我告訴你,在IE + 8它確實工作。 – user2070775

4

IE9之前的Internet Explorer版本不支持媒體查詢

如果您使用@media print指令爲現代瀏覽器提供打印樣式表,則可以利用Internet Explorer's conditional comments來定位特定版本的IE並向其提供打印樣式表。當然,您需要爲這些版本的IE使用單獨的print.css

例如,在你的HTML的<head>

<!--[if lt IE 9]> 
<link rel="stylesheet" type="text/css" media="print" href="print.css" /> 
<![endif]--> 

該代碼段說, 「如果我是IE9前一版本的Internet Explorer,使用該打印樣式表」。 IE9以上的版本不會使用這個樣式表。

這樣,現代的瀏覽器能夠理解的@media指令得到不必爲打印樣式表的附加HTTP請求的利益,同時爲不支持@media瀏覽器的回退。

相關問題