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{}