[B! CSS][IE] MOREiのブックマーク

[CSS]IE9対応、IEの各バージョンごとに異なるスタイルシートを適用する方法のまとめ

IEの各バージョンごとに異なるスタイルシートを適用する方法はいくつかあります。それらの利点・欠点を検討し、さらにIE9へどのように対応したらよいのかを紹介します。 In defense of CSS hacks — introducing "safe CSS hacks" [ad#ad-2] 下記は各ポイントを意訳したものです。 Conditional stylesheets -条件付きコメント：スタイルシート Conditional classnames -条件付きコメント：class名 CSS hack -安全なCSS hackとは条件付きコメント：class名とCSS hackのコンビネーション [ad#ad-2] Conditional stylesheets -条件付きコメント：スタイルシート条件付コメントはInternet Explorerの特定のバージョンでロードさせるべ

MOREi 2012/02/19

リンク

[CSS]IE6, IE7, IE8, IE9の各バージョンの分岐をvalidで処理する方法

CSS Specific for Internet Explorer デモページ（※IE7で表示） [ad#ad-2] デモ紹介 1. 条件付きコメントの利用 2. CSS Hackの利用 3. 条件付きのHTML class デモ紹介デモページは、下記のように設定されています。スタンダードブラウザ（IE9, Firefox, Chrome, Safari, Operaなど）背景色がグレー IE8 背景色がピンク IE7 or IE8互換モード背景色がグリーン IE6 背景色がブルー下記はデモページをIETesterで表示したものです。 IETesterの詳しい説明は、「IE5.5, IE6, IE7, IE8の確認が同時にできる -IETester」を参照ください。デモページ（※IE8で表示） IE9もWin7+IE9で確認したところ、背景はグレーに表示されていました。 [a

MOREi 2012/02/19

リンク

フィルタ（IE5.5〜 DirectX） * スタイルシートリファレンス

filter:progid:DXImageTransf orm.Microsoft.Alpha(); 透明・半透明・透明グラデーションを指定できる。多少表示速度は遅くなるが、IE 4 で使えるフィルタもある。　▼ () の中には以下の属性をカンマ（,）で区切って指定する。 opacity=開始透明度を 0 （透明）〜 100 （不透明）の範囲で指定。 finishopacity=終了透明度を 0 （透明）〜 100 （不透明）の範囲で指定。 style=透明グラデーションのスタイルを指定。0　（デフォルト　指定なし）　1　（線形）　2　（円形）　3　（長方形） startx=透明グラデーションの開始地点のx座標を指定。 starty=透明グラデーションの開始地点のy座標を指定。 finishx=透明グラデーションの終了地点のx座標を指定。 finishy=透明グラデーションの終了地

MOREi 2011/10/04

　コーディング時使える

CSS
IE

リンク

CSS/HTMLのテクニックをクロスブラウザ対応（特にIE）にする方法のまとめ

17 CSS/HTML Effects with Cross-Browsing Alternatives サポートしないブラウザへの対応方法はJavaScriptを利用するなどいろいろありますが、その中の一つとして紹介します。 [ad#ad-2] 下記は各ポイントを意訳したものです。幅の最小値・最大値 (IE included) RGBa (IE included) 不透明度 (IE included) 画像の回転・拡大縮小 (IE included) 背景をブラウザいっぱいに表示 (IE included) 画像無しのビュレットテキストのシャドウ (IE included) 複数のボーダー (IE included) ボックスシャドウ (IE included) 角丸スクリーンリーダー用のコンテンツネガティブ値で指定したtext-indent Clearfix (IE inclu