html互換ieブラウザの書き方

9938 ワード

<!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 8]><html class="ie8 lte9 no-css3" lang="zh-cn"><![endif]-->

<!--[if IE 7]><html class="ie7 lte9 lte7 no-css3" lang="zh-cn"><![endif]-->

<!--[if lte IE 6]><html class="ie6 lte9 lte7 no-css3" lang="zh-cn"><![endif]-->

<head>

  <meta charset="UTF-8">

  <title></title>

</head>

<body>

  

</body>

</html>

これは実はいくつかの異なるバージョンがあって、個人の需要によって決めましょう.本人は異なる段階で異なるバージョンを使って、最終的にこのバージョンとして確認しました.そのうちNo-css 3は、ie 6-8がcss 3をサポートするスタイルではないことを示すものであり、漸進的な増加については、高度なブラウザでcss 3、ie 6-8を使用することができる.No-css 3というclassは使用背景画像を位置決めするが、ie 8がサポートするbeforeとafterが生成した三角については使用可能である.lt 7はie 7およびie 6が背景画像を用いていることを示す.
再度更新すると、国内のブラウザはie 6が多いことを考慮して、順番を並べて、非ie 6,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]><html class="ie7 lte7 no-css3" lang="zh-cn"><![endif]-->

<!--[if !(IE 6) | !(IE 7) | !(IE 8)  ]><!--><html lang="zh-cn"><!--<![endif]-->

<head>

  <meta charset="UTF-8">

  <title></title>

</head>

<body>

  

</body>

</html>

2013-01-05更新:ie 9を追加し、no-css 3 classをlte 8に変更
<!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]-->

<!--[if IE 9]><html class="ie9 lte9" lang="zh-cn"><![endif]-->

<!--[if IE 7]><html class="ie7 lte9 lte8 lte7" lang="zh-cn"><![endif]-->

<!--[if !(IE 6) | !(IE 7) | !(IE 8) | !(IE 9)  ]><!--><html lang="zh-cn"><!--<![endif]-->

<head>

<meta charset="UTF-8">

<title></title>

</head>

<body>



</body>

</html>

以上はネット上で転送したもので、私たちが実際に使っているのはもっと簡単です.
<!DOCTYPE html>

<!--[if lt IE 7 ]><html class="ie6" lang="zh-cn"><![endif]-->

<!--[if IE 7 ]><html class="ie7" lang="zh-cn"><![endif]-->

<!--[if IE 8 ]><html class="ie8" lang="zh-cn"><![endif]-->

<!--[if IE 9 ]><html class="ie9" lang="zh-cn"><![endif]-->

<!--[if (gt IE 9)|!(IE)]><!--><html class="" lang="zh-cn"><!--<![endif]-->

これにより、例えばクラスaのあるスタイルがie 8に問題がある場合に、
.ie8 .a{}