テキストはIE7/8

Question

例で透明の背景にアンチエイリアスされていません。http://jsfiddle.net/NBWmU/1/

私はできるだけ多くのブラウザでの私のdivの背景を透明にするには、以下のCSSを使用しています：

background: rgb(255, 255, 255) transparent; 
background: rgba(255, 255, 255, 0.6); 
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF); 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)"; 

何らかの理由でIE8のテキストが透明なdivの上に鮮明でピクセル化されて表示され、普通の背景のdivの外にある同じテキストとはかなり異なって見えます。他のブラウザではまだテストしていません。

誰もがテキストをどこでも同じように表示する方法を知っていますか？私は透明なPNGを使用しようとしましたが、これはいくつかの他のレンダリングの問題を引き起こし、私は別の方法があることを望んでいます。

Answer 1

はい：-ms-フィルターとフィルターを使用しないでください：プログラムID：DXImageTransformなど

それは代替テキストレンダラーを使用させるフィルタの実装にバグがあります。一貫性を持たせる唯一の方法は、テキストが含まれているときには使用しないでください（すべてのテキストが同じように醜いピクセル化されるように）。

私が通常行っていることは、rgba（）の色、不透明度などの透明度のために標準のCSSのみを使用します。そして、IE固有のCSSでは、背景/テキストの色を、本当の透明性。

イメージの場合、透明なイメージスプライトのIE固有のコピーを作成します。透明なPNGの場合、ie7以上で同じ問題が発生するため、通常は完全に不透明になります（ie透明ではありません）。