Introduction de l'article de wulin.com (www.vevb.com): version progressivement améliorée de HTML.
<! Doctype html> <! - [if! Ie]> <! -> <html lang = zh-cn> <! - <! [Endif] -> <! - [if gt ie 9]> <html class = ie10 lang = zh-cn> <! [Endif] -> <! - [if ie 9]> <html class = ie9 lte9 lang = zh-cn> <! [endif] -> <! - [If ie 9]> <html class = ie9 lte9 lang = zh-cn> <! [endif] -> <! - [if ie 8]> <html class = ie8 lte9 no-css3 lang = zh-cn> <! [eendif] -> <! - [if ie 7] Class = IE7 LTE9 LTE7 NO-CSS3 LANG = ZH-CN> <! [ENDIF] -> <! - [Si LTE IE 6]> <html CLASS = IE6 LTE9 LTE7 NO-CSS3 LANG = ZH-CN> <! </html>Il existe en fait plusieurs versions différentes de cela, et cela dépend de vos besoins personnels. J'ai également utilisé différentes versions à différentes étapes et je l'ai finalement confirmée comme cette version. Parmi eux, .No-CSS3 est utilisé pour indiquer que IE6-8 ne prend pas en charge CSS3. Pour l'addition progressive, les navigateurs avancés peuvent utiliser CSS3 et IE6-8 utilise la classe .No-CSS3 pour localiser l'image d'arrière-plan. Pour les triangles générés par IE8 pris en charge par: avant et: après, .lt7 peut être utilisé pour représenter l'image d'arrière-plan de IE7 et IE6.
Mis à jour à nouveau, étant donné qu'il y a encore de nombreux navigateurs IE6 en Chine, j'ai organisé l'ordre, puis j'ai fait des jugements uniquement pour les non-IE6, 7, 8.
<! Doctype html> <! - [if lte ie 6]> <html class = ie6 lte7 no-css3 lang = zh-cn> <! [Endif] -> <! - [if ie 8]> <html class = ie8 no-css3 lang = zh-cn> <! [ENDIF] -> <! - [if ie 7] LTE7 NO-CSS3 LANG = ZH-CN> <! [ENDIF] -> <! - [If! (IE 6) | ! (C'est-à-dire 7) | ! (Ie 8)]> <! -> <html lang = zh-cn> <! - <! [Endif] -> <adhead> <meta charset = utf-8> <tapie> </title> </ head> </ body> </ body> </html>Ajouter IE9, modifiez la classe NO-CSS3 en LTE8
<! Doctype html> <! - [if ie 6]> <html class = ie6 lte9 lte8 lte7 lang = zh-cn> <! [Endif] -> <! - [if ie 8]> <html class = ie8 lte9 lte8 lang = zh-cn> <! [ENDIF] -> <! lte9 lang = zh-cn> <! [endif] -> <! - [if ie 7]> <html class = ie7 lte9 lte8 lte7 lang = zh-cn> <! [endif] -> <! - [if! (ie 6) | ! (C'est-à-dire 7) | ! (C'est-à-dire 8) | ! (Ie 9)]> <! -> <html lang = zh-cn> <! - <! [Endif] -> <adhead> <meta charset = utf-8> <t titre> </tapie> </ad> </ body> </ body> </html>