Toute solution pour réduire le problème de compatibilité du navigateur lors de l'écriture du style css.Toute solution pour réduire le problème de compatibilité du navigateur lors de l'écriture de style css en tant que concepteur web/développeur web
Ces trois sont les principaux points que vous devez vous faire:
En outre, vous pouvez le faire certains des éléments suivants pour réduire la quantité de maux de tête:
bien , à partir de maintenant il n'y a rien comme fixall() qui rendra tous les navigateurs compatibles ... cependant, vous pouvez réduire les problèmes de compatibilité en utilisant le doctype correct. Read this article sur l'utilisation de doctypes. En outre, validez votre balisage. Editer: Vous pouvez aller à Browser shots pour voir des captures d'écran de votre design web dans différents navigateurs.
Simple - test, test, test.
Tout d'abord, vous devriez avoir au moins ces navigateurs sur votre ordinateur: FireFox3.5B, InternetExplorer7 (+ Safari 3 en option, Google Chrome 2 Beta et Opera).
Pour une réponse plus précise:
Ne considérerait pas optionnel Opera. Opacité fonctionne très bien tant que vous vous souvenez d'ajouter des propriétés spécifiques à IE, comme le fait la transparence PNG –
Pas dans ce contexte, mais FireFox et IE sont constitués de la plus grande base d'utilisateurs. Aussi, si cela fonctionne dans Firefox et IE, il devrait fonctionner dans ces ... – aviraldg
L'ajout de propriétés spécifiques IE au CSS l'invalide et rend plus difficile de travailler avec les styles lors de l'utilisation de javascript. – aviraldg
Discipline!
Je dirais que les hacks 'css' et' html' ne devraient pas être utilisés. Dans tous les cas, utilisez des commentaires conditionnels. En outre, je ne vois pas vraiment le besoin d'une feuille de style de réinitialisation. Je remplace toujours le style des éléments 'html' que j'utilise. Et laisse le reste tranquille. Moins d'octets à travers le fil;) – voyager
Je n'utilise pas moi-même une feuille de style de réinitialisation, bien que ce soit une option - c'est ce que je voulais dire à propos de la description. Ils gâchent tout le contenu que vous n'aviez pas sur la page en développant: P Et les commentaires conditionnels, bien que discrets, sont toujours un hack;) –
@Alexander Les commentaires conditionnels sont un hack ** soutenu ** - ils travaillent en tant que créateurs de IE destiné. Les véritables hacks CSS reposent sur des bogues dans l'analyseur CSS d'un brwoser, et sont donc potentiellement cassables lorsqu'ils corrigent les bogues. – ceejayoz
Je discuterais de la validation CSS ... Déclencher hasLayout sous IE avec zoom est une bouée de sauvetage! –
Vrai, mais vous devriez toujours commencer par CSS valide. Après cela fonctionne dans FF, Opera, Safari, vous pouvez alors vous concentrer sur la création de styles qui le font fonctionner dans IE. –
Vous avez raison, bien qu'il soit plus difficile d'isoler les problèmes lorsque vous avez plus de balisage :) Quoi qu'il en soit, +1 :) –