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

Safariのみ、もしくはFirefox2.0(IE&Mac)のみに適用できるCSSハックを教えてください。ブラウザ振り分けはしない方向です。よろしくお願いします。

●質問者: kentajoy
●カテゴリ:コンピュータ ウェブ制作
✍キーワード:2.0 CSS IE MAC Safari
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● hamster009
●35ポイント

ここにブラウザごとのcssの指定の仕方が書いてあります。

http://onohiroki.cycling.jp/comp-css-ex2-XSSI.html


2 ● nijinohasi
●35ポイント

/** 全てのブラウザに対する指定 **/

#navi {

color: #000000;

}


/** safari用のCSS hack **/

/* safari only \*/

html:\66irst-child #navi {

color: #333333;

}

/* end */

★ポイント

全てのブラウザに対する指定をした後に

/* XXX \*/でコメントアウトし、html:\66irst-childをつける事で、

safariにのみ#naviに対してcolor: #333333;が適用されます。

★Firefox専用での指定は出来ないと思いますが、Firefoxを標準ブラウザとして

CSS指定をして、その後で特定ブラウザに個別指定すれば対応できます。

★参考サイト

http://easygoing.under.jp/tips/index4.shtml

http://www.communis.co.uk/dithered/css_filters/css_only/index.ht...

http://www.centricle.com/ref/css/filters/

http://imfo.ru/csstest/css_hacks/import.php

http://www.keynavi.net/ja/bugh/comments.html

関連質問


●質問をもっと探す●



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