2013-11-24 20 views
6

以前は、次のコードは、私が「非表示」の要素に印刷すると、FirefoxとGoogle Chromeの両方のために正常に動作CSS @media印刷ルールはもう動作しませんか?

<!DOCTYPE html> 
<html><head><title>Test</title> 
<style type="text/css"> 
@media print { 
    .noprint { 
     display: none; 
    } 
} 
</style> 
</head> 
<body> 
<span class="noprint">abc</span> 
</body></html> 

しかし、今、それは両方のブラウザでは動作しません。ただし、これに変更すると、

<!DOCTYPE html> 
<html><head><title>Test</title> 
<style type="text/css" media="print"> 
.noprint { 
    display: none; 
} 
</style> 
</head> 
<body> 
<span class="noprint">abc</span> 
</body></html> 

Google Chromeでは動作しませんが、Firefoxでは動作します。 ブラウザに依存しないソリューションは何ですか? (それとも私のコードに問題がある?)

+0