Artigo Introdução de wulin.com (www.vevb.com): versão progressivamente aprimorada do HTML.
<! Doctype html> <!-[se! Ie]> <!-> <html lang = zh-cn> <!-<! [Endif]-> <!-[se gt ie 9]> <html class = ie10 lang = zh-cn> <! [Endif]-> <!-se Lang = zh-cn> <! [endif]-> <!-[se ie 9]> <html class = ie9 lte9 lang = zh-cn> <! [endif]-> <!-[se ie 8]> <html class = ie8 lte9 no-cSs3 Lang = 8]> <! class = ie7 lte9 lte7 no-css3 lang = zh-cn> <! [endif]-> <!-[se lte ie 6]> <html class = ie6 lte9 lte7 não-css3 lang = zh-cn> <! </html>Na verdade, existem várias versões diferentes disso e depende de suas necessidades pessoais. Também usei versões diferentes em estágios diferentes e finalmente o confirmei como esta versão. Entre eles, o .NO-CSS3 é usado para indicar que o IE6-8 não suporta CSS3. Para adição gradual, os navegadores avançados podem usar o CSS3 e o IE6-8 usa a classe .no-css3 para localizar a imagem em segundo plano. Para os triângulos gerados pelo IE8 suportados por: antes e: depois, .LT7 pode ser usado para representar a imagem de fundo do IE7 e IE6.
Atualizado novamente, considerando que ainda existem muitos navegadores do IE6 na China, organizei a ordem e depois fiz apenas julgamentos para não-IE6, 7, 8.
<! Doctype html> <!-[se lte ie 6]> <html class = ie6 lte7 no-css3 lang = zh-cn> <! [Endif]-> <!-[se ie 8]> <html class = ie8 não-cs3 Lang = Zh-cn] <! LTE7 no-css3 lang = zh-cn> <! [endif]-> <!-[se! (ou seja, 6) | ! (Ou seja, 7) | ! (Ou seja, 8)]> <!-> <html lang = zh-cn> <!-<! [Endif]-> <head> <meta charset = utf-8> <Title> </title> </ad Head> <body> </body> </html>Adicione IE9, altere a classe NO-CSS3 para LTE8
<! Doctype html> <!-[se ie 6]> <html class = ie6 lte9 lte8 lte7 lang = zh-cn> <! [Endif]-> <!-[se ie 8]> <html class = ie8 lte9 lTe8 Lang = Zh-cn <! lte9 lang = zh-cn> <! [endif]-> <!-[se ie 7]> <html class = ie7 lte9 lte8 lte7 lang = zh-cn> <! [endif]-> <!-[se! (ie 6) | ! (Ou seja, 7) | ! (Ou seja, 8) | ! (Ou seja, 9)]> <!-> <html lang = zh-cn> <!-<! [Endif]-> <head> <meta charset = utf-8> <Title> </title> </ad Head> <body> </body> </html>