Comment gérer la Spec CSS3. d'une manière utile?

StackOverflow https://stackoverflow.com/questions/1238544

  •  11-09-2019
  •  | 
  •  

Question

Les CSS3 Les spécifications sont dans les principaux navigateurs partiellement mises en œuvre et vous obtenez des résultats très agréable avec moins de code, mais il y a beaucoup de raisons de ne pas utiliser CSS3. Par exemple. pas vers le bas compatible, probablement pas similaires vues de renderd sur différents navigateurs, etc.

Alors je me demande: Quelle est la meilleure façon d'utiliser CSS3 de toute façon avec une option pour intercepter les problèmes par défaut, comme je l'ai discribed ci-dessus

Était-ce utile?

La solution

Tant que votre site se dégrade avec élégance il n'y a rien de mal à utiliser CSS3 maintenant. Après tout, si un navigateur ne comprend pas une règle CSS particulier, il suffit de l'ignorer: 

#foo {
    border:1px solid #000; /* shown by all browsers */
    border-radius:5px; /* shown if browser understands border-radius */
    -moz-border-radius:5px; /* Firefox only */
    -webkit-border-radius:5px; /* Safari and Google Chrome */
}

Tant que le site ne pas l'air brisé dans les navigateurs qui ne prennent pas en charge les règles CSS3 que vous souhaitez utiliser, alors vous devriez être ok améliorer progressivement votre site dans les navigateurs qui ne les supportent.

Autres conseils

Vous pouvez trouver « Quand puis-je utiliser ... » utile pour voir ce que vous propose on peut raisonnablement utiliser.

Si votre faire un site Web public alors vous devez soutenir IE6, ce qui signifie pas CSS 2.1, et encore moins 3.

Une chose que vous pouvez essayer: lesscss

Cela vous permettra d'utiliser la notation abrégée et css « compiler » pour CSS valide sur la construction.

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top