ie6 の背景透明度の設定方法 ie6 の背景色の透明度と PNG 画像の透明度の解決方法_html/css_WEB-ITnose

IE6 ブラウザーは好き嫌いが分かれます。私が気に入っている点は、より標準化されたコードを記述できることですが、嫌いな点は、意味のないIE6 によくあるバグ (詳細についてはクリック) が多すぎるため、非常に不安になることです。現在、Baidu ブラウザを使用して調査していますが、国内シェアは 6% 未満ですが、IE6 と互換性を持たせるために調整が必要な Web サイトに遭遇するのが怖いです。

その中で、IE6 でよくある問題の 1 つは、IE6 の透明な背景の問題です。透明な背景は主に、背景色の透明性の問題と、背景画像または PNG 画像の透明性の問題に分かれます。

1. IE6 の背景色は透明です

一般的なブラウザでは、ボックスの背景を透明にする方法は次のとおりです:
opacity: 0.5;
-webkit-opacity: 0.5 ;
-khtml-opacity: 0.5;

ここで、-moz- は Firefox のプレフィックスです -webkit- は Google および Apple ブラウザのプレフィックスです -kthml- Linux デスクトップ システム ブラウザの場合


IE6 の背景を透明にするには、次の助けが必要ですfilter: filter:alpha(opacity= 50); テストには本物の IE6 を使用しても問題ありません。ietester が使いにくい場合もありますし、そもそも ietester がそこまで完成されていないこともわかっています。 IE8 も特別です: -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

これはほぼ同じで、すべてのブラウザーで背景が透明になる問題を解決します。

2. IE6 の PNG 画像の背景透明度の問題

まず第一に、IE6 が PNG 画像の透明度をサポートしていないわけではありませんが、IE6 は png8 画像の透明度をサポートしていますが、png24 および png32 画像の透明度はサポートしていません。したがって、透過性が必要な画像を作成する場合、IE6 を考慮する場合は、png8 形式を使用するのが最適です。 ps と firework はどちらもエクスポートされる png バージョンを選択できます。

png8 の色は png24 ほど豊かではないこともわかっています。そのため、Xiaoqiang 先生は、ie6 png 24 の透明度の問題を特別に解決する js ファイルを用意しました。画像を 1 つずつ処理することなく、ページ全体のすべての PNG 画像を透明にすることができ、非常に手間がかからず、非常に簡単に使用できます。使用方法は次のとおりです:

最初のステップは、次のコードをページにコピーすることです。パスの問題に注意してください。





赤い部分はセレクターで、そのほとんどが含まれています、ただし、その代わりに * は必要ありません。

2 番目のステップは、次の js ファイルをサイトに配置することです。これまでは、IE6 の PNG 画像の透明度の問題に対処する方法を使用する方がまだ簡単でした。

上記はXiaoqiang先生が皆さんにシェアした内容ですので、皆さんのお役に立てれば幸いです。

Xiaoqiang Linglingyi、あなたと知識を共有してください。

js ファイルのダウンロード: ここをクリックしてください