質問
の一覧はありますか"良い"クリーンCSS hacksる、未来の耐?
例えば、 zoom:1
安心とするIE、言うまであります。の共通のハッキングの利用はセレクタ ない されたものではなく、そのIE7対応します。を使用 height:1%
直感じ汚れがいえるかもしれません。
たん ie7-js, でIE6バグがないんです。としても活動していな宗教的な議論だけます。
の回答-"俺の最高の源としての答えです。
おかげものを使い分けCSSファイル、または心配しないです。私たい、私にとって、givens.ものに直面した時、レイアウト問題のように安全に固定するリスクを最小限にとどめるため、ちょっとして訪問題になり$IEや$FF+1.申し訳ない思いがより明確になる。
解決
これは十分に文書化し、十分にテストされたブラウザのバグのために良い場所で、ハックは、あなたがそれらを回避することができます:
他のヒント
私は、CSSやクロスに関わる問題について、ピーター・ポール・コッホの「 QuirksMode の」ウェブサイトをたくさん使ってきました-browser互換性。彼は、ブラウザ固有のメソッドに顔をしかめする傾向があるが、彼は CSSハック。
ニコール-サリバン (通称 Stubbornella 人の作品をヤフーのパフォーマンスチームとが示唆され 7つの習慣例外的なケ ることを利用して発見されたCSSアンダースコアだけるパッチアッIE6バグするためには、多くの
- Hacksも少なくないはず。
- まだ5-6hacks(すでにたっぷり)そのような意味をも外部ファイルを分離し、そのコンテキスト
- 余分なファイルが業績不ヤフーのベストプラクティスルール1).
べきであるしかし留意することは有効ではありません。
良いクリーン/許容[CSS]ハックのようなものはありません - 。常に基準のコード、そして物事を動作させるために必要なハックのためにブラウザ+バージョン固有のスタイルシートを使用するには、
例:
default.css
default.ie6-fix.css
default.ie7-fix.css
default.ff2-fix.css
など
次に、ブラウザの新しいバージョンがリリースされたときに、以前のバージョンのハックをコピーして、もはや適用されない(および必要に応じて、新しいビットを追加)ビットを削除します。
(他のブラウザのスニッフィング個々IEのための条件付きコメントを使用して、スタイルシート、およびユーザエージェントをロードします。)
アンダースコアハックは、例えば、非常によく動作します。
min-height:50px;
_height:50px;
これは、新しいCSS-ファイルにコンテキストの外に物事を動かす必要としない、唯一のIE6はそれらを取得し、彼らはあなたがIE6のサポートを停止することを決定しなければならないかどうかをフィルタリングするのは簡単です。彼らはまた、非常に最小限だし、それくらいのCSSを乱雑にしません。
を変更CSSのためのブラウザ特有の支援がない間違いて簡単にしてください。とに気付くでしょう基準に準拠したブラウザでごほん。もの を除く 行壊れることはありませんが将来のリリースなどで行っています。新たW3C標準のものにな去の水準となっていdeprecateを延長する場合は、以前の水準ます。
いう条件付きコメントのカバーレターなどの取り扱いが打ち出されている。-いまだ少扱うすべてのブラウザ(モバイルマン,webkit、データの再活用やホームページなど)。通常だけを解析し、着信要求ヘッダを取り出すブラウザの種類とバージョンからユーザーエージェントparam.に基づいてこれまでの荷重おCSSファイルです。
い調子乗りにくいです:
- 最初の開発のための一つの基準に準拠したブラウザ(みましょうFF)
- 一度のCSSは完全なアプローチすprovidig支援のための家(ことが簡単にでき、条件付きコメントとしてperviously記載されているもの
- を作成するCSSファイルまで微調整のためにIE6その他の版下
- を作成し、CSSファイルを取り扱うIE7
- 最後に、CSSファイルまで一貫したIEのバージョンのIE8と
- 一度はIE9が出たら、ただくにはセットIE8+取り扱いにIE8の特定をIE9+CSSファイルに必要な修正
- 最後に、追加のCSSファイルwebkit修正
- 必要な場合は、も作成できます追加のファイルを具体的には目標のChromeやSafariの場合
に関するブラウザ固有の不具合により、CSSの実装は、通常、グループのすべての私のcssファイルで簡単な検索と置換して一つの文書の場合)を行います。その場合には透明で、私は、これらの不透明フィル(行)と同じブロックです。ブラウザだけを無視する実装にな支援をいっそう安全です。特定の実装はんなオーダーメードの実装(こんにちはの様子がよくわかる-mozは、上のボックスは、W3Cがんたいに依存します。
として、足元を温かくするとCSSを継承、継続してご利用いただけ再定義するすべてのCSS宣言と定義べてのCSSファイルです。各連続的にロードCSSファイル のみ のセレクタは、特定の定義の修正と、それ以外なにもありません。
かいには巨大)主要cssファイル等を含む数ランキングの検索結果は、特定のブラウザの修正-関してもらえると助かることなく維持の追跡.で個人的に好きなどのブラウザをごcssファイルについては、通常んを対象ブラウザを作成する少ないその他のブラウザであり、開発のためのIE6が非常に悪いと決定するポイント)
ともに以下の優良事例や実践的かつ綿密にとのセレクタを、具体的な各クラスの枠組みを利用してつながりの良さとほの修正が必要です。構造化おCSSファイルをカスタマーサポート/よくある場合を除きたいと順序付けの意味がない。
Centricle のCSSハックとその互換性の良いリストを持っています。
私はあなたが1は愚かなものは次のIEで実装されるかを伝えることができます知っているように、将来の証明になりますハックのリストを見つけることはないと思う。
この記事では、CSSハックの良い要約です: http://www.webdevout.net/css -hacksする
ここでhref="http://en.wikibooks.org/wiki/Cascading_Style_Sheets/Hacks_and_Filters"は非常に安定しているフィルターの優れたリストをrel="nofollow"> /* Opera */
.dude:read-only { color: green; }
/* IE6/IE7 */
@media,
{
.dude { color: silver;}
}
/* IE8 \0 */
@media all\0
{
.dude { color: brown; }
}
/* IE9 monochrome and \9 */
@media all and (monochrome: 0)
{
.dude { color: pink\9; }
}
/* Webkit */
* > /**/ .dude, x:-webkit-any-link { color:red; }
/*
* > /**/
/* hides from IE7; remove if unneeded */
/* Firefox */
@-moz-document url-prefix()
{
.dude { color: green; }
}
のルールを定義するとき、私はそれが良い自然な劣化が起きる可能にするために見つけ、例えば、CSS3でRGBAカラーモデルのサポートがありますが、CSS2ではありませんので、私は自分自身がやって見つけます
background-color: #FF0000;
background-color: rgba( 255,0,0, 50% );
後でルールがそれをサポートしていない古いブラウザ上で失敗したときに、、それは以前に定義されたスタイルに低下しますように。
IはヒロキChalfantによって記述グローバル条件付きコメントの技術を好みます。
私には、1つの有効なスタイルシートで私のIEをターゲットルールのサイド・バイ・サイドの私の標準規格をターゲットルールを維持することが参考ます。