0

これは、IE9、Firefox、および Chrome では見栄えがよくなりますが、IE8 ではすべてが見栄えが悪くなります。これに関するアイデアはありますか？私は論文のテーマを使用してWordPressを使用しています。編集に custom.css を使用しています。

私のサイトは: http://www.7637olympia.com/

IE8 だけでなく他のブラウザーでも動作させる方法を提案できますか?

4

3 に答える 3

2

IE7以降、filter:alpha(opacity=x);半透明のpngの使用を避けるためのcssルールがサポートされていると思いました。そうではありませんか？

サイトでは、次を使用します。

.custom #page {
    background-color: #000;
    filter:alpha(opacity=50);
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 10px 10px 10px 10px;
    padding-top: 5px;
}

私が理解しているように、IE は rgba 値を無視し、2 つの上位ルールを使用して同様の効果を得ます。

要素に不透明度を使用することの欠点 (新しいブラウザーでも同様) は、背景色だけでなく要素全体に不透明度を設定するため、すべてのテキストや境界線などが半透明になることです。しかし、少なくとも上記を試して、十分に近いかどうかを確認します。

覚えておいてください: 人々が IE のより高いバージョンにアップグレードしない (または FF や Chrome に移行しない) 唯一の理由は、これらの古いブラウザーでデザインが適切に見えるようにするために多大な努力を払っているからです。糞みたいなサイトがいくらでもあると、最終的にはそれはサイトではなく、古いブラウザだと気がつくだろう。したがって、IE の蹂躙の悪しき時代からの、すでに遅すぎる移行をサポートするために、多くの時間とエネルギーを無駄にしないでください。

于 2012-05-06T06:03:54.747 に答える
2

IE で RGBA と HSLA の背景をシミュレートするには、開始色と終了色が同じグラデーション フィルターを使用できます (アルファ チャネルは HEX の値の最初のペアです)。

filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cffffff', endColorstr='#4cffffff');

または.png、1x1 ではなく 1x2 のサイズの画像を使用します。

ページ上の他の要素がアルファ透明度に「-ms-filter」ディレクティブを使用している場合、Internet Explorer 8 は 1x1 ピクセルの半透明の背景画像の繰り返しを正しく実行しないためです。

このリンクを参照してください

于 2012-05-06T04:18:51.293 に答える
0

IE8 は RGBA カラーをサポートしていません。IE8 で動作させたい場合は、同じ不透明度で小さな png (1x1 ピクセル以外のサイズ) を作成し、それを背景として div に適用します。または、IE8 のみのスタイル シートを使用して、白以外の別の背景色を設定することもできます。

于 2012-05-06T04:14:17.617 に答える