Hedef sadece CSS ile Firefox

SORU

4 HAZİRAN 2009, PERŞEMBE

Hedef sadece CSS ile Firefox

Kolay tarayıcıya özel CSS kuralları ile Internet Explorer hedef için şartlı yorumlar kullanmak:

<!--[if IE 6]>
...include IE6-specific stylesheet here...
<![endif]-->

Bazen terbiyesizlik bu Gecko engine (Firefox).En iyi CSS kuralları sadece Firefox hedef için yol ve tek bir tarayıcı değil, ne olurdu?Bu, sadece Internet Explorer Firefox kuralları yok saymak gerekir, ama aynı zamanda aynı zamanda Y ve Opera gerekir.

Not:Bir arıyorum 'temiz' çözüm. JavaScript tarayıcı sniffer 'firefox' benim HTML class bence temiz olarak nitelendirin. ekleyin. Sadece 'özel' IE... ... tarayıcı bağlı bir şey görmek isterim doğrusu

CEVAP

4 HAZİRAN 2009, PERŞEMBE

TAMAM, buldum. Bu muhtemelen en temiz ve kolay çözüm dışarıda ve JavaScript üzerinde açıldıktan kullanan değil.

<!DOCTYPE html>

<html>
<head>
<style type="text/css">
@-moz-document url-prefix() {
    h1 {
        color: red;
    }
}
</style>
</head>
<body>

<h1>This should be red in FF</h1>

</body>
</html>

Başka bir Mozilla belirli bir CSS uzantısına göre. Bu CSS uzantıları için tam bir listesi burada var:

https://developer.mozilla.org/en/CSS_Reference/Mozilla_Extensions

Bunu Paylaş: