CSS @media print Regel nicht mehr funktioniert?

Zuvor, der folgende code funktioniert für Firefox und Google Chrome, wenn ich drucken "verstecken", das element,

<!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>

Aber jetzt, es funktioniert nicht für beide Browser. Allerdings, wenn ich auf diesem,

<!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>

Es funktioniert auf Firefox, aber nicht auf Google Chrome.
Was ist die Lösung, die funktioniert als browser-unabhängig?
(Oder gibt es etwas falsch mit meinem code?)

  • <style> nicht Attribut.
  • sorry, das war mein Fehler. Aber auch ich entfernen Sie die , \@media print kann immer noch nicht arbeiten.
InformationsquelleAutor Allen | 2013-11-24
Schreibe einen Kommentar