人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

Windows IE6にstyle.cssを読み込ませます。
それ以外のブラウザにはstyle2.cssを読み込ませます。
この振り分けの方法をズバリお教えください。

環境はIIS6.0です。

aspでもJavascriptでもCSSのバグを使ってもかまいません。
宜しくお願いします。

●質問者: ふらんく
●カテゴリ:ウェブ制作
✍キーワード:ASP CSS IE6 JavaScript Windows
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● nima
●27ポイント

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]-->

と指定してあげればいいようです。

◎質問者からの返答

有り難うございます。


2 ● susie-t
●27ポイント

以下でどうでしょう。

<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>
◎質問者からの返答

有り難うございます。


3 ● wizemperor
●27ポイント

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...

◎質問者からの返答

有り難うございます。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ