Chrome (または Webkit) の css ファイルをインポートするにはどうすればよいですか。
私はie6のためにこのようなことをしたい:
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="ie6.css" />
<![endif]-->
Chrome (または Webkit) の css ファイルをインポートするにはどうすればよいですか。
私はie6のためにこのようなことをしたい:
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="ie6.css" />
<![endif]-->
最善かつ最も簡単な方法は、ユーザーのブラウザーを検出できるサーバー側の言語を使用することです。PHP、ColdFusion、JSP などには、ユーザーが使用しているブラウザーを判別するのに役立つ組み込み関数と変数があります。
そうでない場合は、クライアント側のスクリプト エージェントが次の選択肢になります。JavaScript とその効率的なライブラリ オプションである jQuery は、適切なアプローチです。
//jQuery
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
if ($.browser.webkit) {
///Chrome-specific css here.
}
</script>
ライブラリを使用できない (または使用方法がわからない) 場合は、次の方法でも機能しますが、さらにいくつかの条件付きチェックを行う必要があります。
//Javascript (Note: Chrome will say 'Netscape' for its name)
<script>
var browserName = window.navigator.appName;
var browserVersion = window.navigator.appVersion;
</script>
コード行のみを変更する代わりに完全な css ファイルをロードする場合は、これを使用できます: http://rafael.adm.br/css_browser_selector/