Guide de compatibilité CSS

Faites généralement plus attention. Si vous n'êtes pas sûr de la compatibilité, vous devriez vérifier puis-je utiliser. Eh bien, vous devez également comprendre dans quelle mesure la page doit être compatible

1 Si elle doit l'être. compatible

Vous devez bien réfléchir à ce problème au début. Certains effets ne sont pas compatibles s'ils ne sont pas compatibles Tant que le retrait est fluide,

Par exemple, les formes CSS dans. ce cas :

L'image vient de w3cplus Dans ce cas, il vaut mieux ne pas forcer le support des navigateurs qui ne supportent pas l'attribut CSS Shapes.

2 Est-il possible de simplement reculer ?

Par rapport au premier point, un traitement de recul supplémentaire est ajouté (qui devrait déjà être là), comme le traitement de retour de dégradé CSS :

    background-color: #f9efee;
    background-image: linear-gradient(to left, #f5e5e3 0%, #ffffff 52%, #f5e5e3 100%);

3 situations qui nécessitent une distinction supplémentaire

Si vous utilisez CSS pour le gérer, il s'agira d'une variété de HACK :

Une collection de techniques de hack CSS

Utilisez habilement les propriétés CSS du navigateur Valorisez l'incompatibilité et la rétrocompatibilité avec les techniques de hack

Si vous utilisez JS pour le gérer, le meilleur moyen est de juger de vos capacités. Vous pouvez utiliser modernizr.js ou le code suivant :

if ( !'shape-margin' in document.documentElement.style) {}
//如果不支持shape-margin属性则如何如何

4 Forcé L'effet est le même

À ce stade, vous ne pouvez trouver que ce code

text-shadow: 2px 2px 15px #333;
filter: glow(color=#333333, strength=2);
/*老IE不支持文字阴影，对其使用IE滤镜*/

Pour plus d'articles liés à la compatibilité CSS stratégies, veuillez faire attention au site Web PHP chinois !