それ以外のブラウザにはstyle2.cssを読み込ませます。
この振り分けの方法をズバリお教えください。
環境はIIS6.0です。
aspでもJavascriptでもCSSのバグを使ってもかまいません。
宜しくお願いします。
http://www.aboutworks.com/shokodei/diary/doc/select/select.html
普通にstyle2.cssを指定した後、IE6用に
<!--[if IE 6 ]><link rel="stylesheet" type="text/css" href="style.css"><![endif]-->
と指定してあげればいいようです。
以下でどうでしょう。
<html> <head> <title></title> <script> <!-- var ua = navigator.userAgent; var index = ua.indexOf("MSIE"); var isIE6 = false; if(index != -1){ var ver = parseFloat(ua.substring(index + 5, ua.indexOf(";", index))); if(ver == 6){ isIE6 = true; } } var css = (isIE6) ? "style.css" : "style2.css"; document.write("<link rel='stylesheet' type='text/css' href='" + css + "'/>"); //--> </script> </head> <body> </body> </html>
有り難うございます。
IE 6のみ(6未満は含まない)ということとなるとちょっとややこしくなります。
PHPやJavaScriptを使用した方法がありますが、不完全なのでHTMLやCSS側で対応することをおすすめします。
スタイルシートの書き方に注意がいりますが下記の方法が簡単です。
HTMLのhead要素内に次のような行を加えると、IE6の場合のみstyle.css を追加で読み込みます。
この方法は振り分けではなく上書きなので、style.css.cssは必要な箇所だけsytle2.cssを上書きするような内容にしておいてください。
<link rel="stylesheet" href="style2.css" type="text/css" />
<!--[if IE 6]>
<link rel="stylesheet" href="style.css" type="text/css" />
<![endif]-->
条件付きコメントというやつです。
条件付コメント(Conditional Comments)実験ページhttp://www.keynavi.net/ja/bugh/comments.html
あるいは、1つのスタイルシート内でCSSハックを使用する方法もあります。
例えば、
body {
color : #000;
color /**/: #F00;
}
というように、「プロパティ /**/: 値;」と書くとその行はIE6だけに適用されます(この場合、IE6だけが文字色が赤色になる。)
CSS Filters
http://www.communis.co.uk/dithered/css_filters/css_only/index.ht...
有り難うございます。
有り難うございます。