CUBIC4 Web Creative Laboratory

これも関係ある?

Joomla! 1.5.16 Released

Joomla! 1.5.17 Released

Joomla! 1.6 Promotional Shirts Now Available

Joomla! 1.5.21 Released

  The Joomla Project announces the immediate availabil...

HOME > Blog > CSSの振り分け

4月
15
2010

CSSの振り分け


1 評価
ブラウザによって表示が違うためにハックしたりすることはあるが、最も表示が崩れるのがIEなんで、これはもうハックよりもCSS自体を振り分け?要するにIEの時に条件分岐文でCSSを上書きしてしまおうとう言う事

コンディショナルコメントを使う(Win Internet Explorer向け)

<head>~</head>で<!--[if IE]>~<![endif]-->の間にIE向けのCSSを記述します。<style type="text/css">~</style>でもlink要素による外部CSSファイル呼び出しでもOKです。

コンディショナルコメントの書き方・使える値

IEに適用 <!--[if IE]>~<![endif]-->
IE以外に適用 <!--[if !IE]>~<![endif]-->

IEの部分は「expression」といい、「comparison」「 feature 」「version」の三つの適用条件で構成されます。「 feature 」がブラウザの種類で、現状ではIEのみ指定できます。「comparison」はブラウザのバージョンの比較による適用範囲指定、「version」はブラウザのバージョン指定でこの二つは省略可能です。

comparisonversion
指定内容指定内容
lt versionより下のIEに適用する。versionで指定したIEには適用しない 7 IE 7を指定
lte version以下のIEに適用する。versionで指定したIEにも適用 6 IE 6を指定
gt versionより上のIEに適用する。versionで指定したIEには適用しない 5.5 IE 5.5を指定
gte version以上のIEに適用する。versionで指定したIEにも適用 5 IE 5を指定

<!--[if IE 7]><link rel="stylesheet" type="text/css" href="/ie7.css"><![endif]-->
<!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="/ie.css"><![endif]-->
上記の例だと、「IE 7で見たときには『ie7.css』が適用」され、「IE 6以下で見たときには『ie.css』が適用」されます。

<!--[if !IE]>~<![endif]-->って使った事ないなぁ・・・
だいたい上書きして終わりって使い方が多いです

http://10prs.com/CSS/css-hack.html
最終更新 2010年 4月 15日(木曜日) 16:36
 
トラックバック
CSSハックまとめ  : CUBIC4 2010年 4月 20日(火曜日) 14:09
使わない方がいいと思いつつも使ってしまうCSSハック毎回検索してIE8が載ってないとかIE8はあるのにSafariがないとか何度も検索するのも面倒なんで自分用にメモしてお...
ユーザ名
パスワード

JContentPlus for Joomla!1.5 powered by Joomler!.net

Advertisement
twitter follow me

Welcome to CUBIC4

会員登録はもうお済ですか?

会員登録をすると
記事へのコメント等の会員サービスを利用できます。
現在それぐらいしか無いのであまりする意味ないです。
※Gmailアカウントでもログインできます。

ということは・・・

コメントをどうしても書き込みたい!
そんな場合のみ会員登録ください。

ログイン

未登録ですか? 新規登録!

*
*
*
*
*
(*) は入力必須項目です。