IEフィルタアンチエイリアスの問題

Question

私はたくさんの画像を持つページを持っています。そして、私はこれらの層はIEの不透明フィルタを使用してJavaScriptを介してフェードアウトする関数を持っています。

ここで、がフェードインすると、となります。私は、特定の要素（それに適用される不透明度フィルタを持つ）を背景イメージまたは背景色で設定する必要があります（クリア型フォントのアンチエイリアスを防止するために、これ以上をhttp://www.jonathancross.com/projects/Ugly_font_anti-aliasing_problem_in_Internet_Explorer_6_7_and_8.htmlで読んでください）。

今私の質問は以下のとおりです。要素のグループのために

1. は、各要素の背景画像/背景色を設定するためのケース構造よりも任意のより良い解決策はありますか？
2. いくつかのテキストボックスは、（バックグラウンド層は、これまで必要に応じて繰り返されるの1x1ピクセルの画像で構成）事前に

感謝をきちんと見て、全体的な背景画像セットとの合併を表示されていません！

Answer 1

私は...ページ上のすべての要素に1.0の不透明度フィルタを追加することによって、完全にIEでアンチエイリアシングを無効にすることで

[OK]を、これを「暇」、それが厄介に見える - しかし、で少なくともすべてが似ています（とにかくIE6/7はとにかく厄介です^ _ ^）。

Answer 2

1. 各要素にバックグラウンドを定義する必要があります。私が知っている限り、それを丸めることはありません。背景には問題が繰り返し発生する1x1のピクセルを使用して

2. ：あなたは、CSSで

   .mydiv pを{#FFF背景}のようなものがこれを行うことができます。 2x2ピクセルを使用しても表示されません。

Answer 3

私が使用したトリックがあります...テキストの背後にある背景が合理的な程度で一致するような単色を選ぶことができる場合は、次のCSSルールのペアを使用して偽物を行いますテキストのアンチエイリアス、IEのみ：

background-color：#CCCCCC;/あなたの背景に一致する色を選択してください/ フィルタ：progid：DXImageTransform.Microsoft.Chroma（color = '＃CCCCCC'）;/は同じ色を使用します/