LT Firefox 3.6 CSS Hack

Question

Recherche d'un hack CSS 3 Firefox qui n'hérite pas dans Firefox 3.6.

html>/**/body .blockmeta .date-ui, x:-moz-any-link, x:default { 
     border:1px solid #ccc; 
     border-bottom:2px solid #ccc; 
     background:#f2f2f2; 
     margin-top:-1px; 
} 

Le code ci-dessus semble également fonctionner dans Firefox 3.6, ce qui n'est pas souhaitable.

Answer 1

Je ne l'ai pas utilisé, mais si vous pouvez utiliser JavaScript alors CSS Browser Selector semble intéressant.

Bien sûr, la meilleure option serait de ne pas compter sur les hacks du tout. Être pixel parfait n'a pas vraiment d'importance tant qu'il reste assez fidèle à votre design original. Rappelez-vous, la plupart des gens ne vont pas comparer votre site dans tous les navigateurs et ne remarqueront donc aucune différence.

Answer 2

corps

, x: -moz-any-lien, x: par défaut, x: indéterminé {background: red}

ce n'est pas un bon bidouille, car aussi bizarre que ce soit, il est de déconner avec IE7.

Answer 3

Utilisation Mozilla CSS Extensions pour ajouter un sélecteur pour toute version Firefox, puis la remplacer par un filtre Firefox 3.6+ qui remet à zéro les valeurs:

/* Any Firefox */ 
@-moz-document url-prefix() 
    { 
    .blockmeta .date-ui { display:none } 
    } 

/* Firefox 3.6+ Filter */ 
@-moz-document url-prefix() 
    { 
    @media -moz-scrollbar-start-backward 
    { 
    .blockmeta .date-ui { display: block; } 
    } 
    } 

Références

• @-moz-document

• @media -moz-scrollbar-start-backward