2012-05-06 2 views
0

これはIE9、Firefox、Chromeでは素晴らしいですが、IE8では見た目が上手です。このアイデアは何ですか?私はWordPressでThesis Themesを使っています。私は自分の編集にcustom.cssを使用しています。IE8の問題 - 他のブラウザでうまくいく

私のサイトには、次のとおりです。http://www.7637olympia.com/

は、あなたはそれがIE8だけでなく、他のブラウザでは動作させる方法を提案することができますか?

答えて

2

私はIE7以来、半透明のpngの使用を避けるためにCSSの規則filter:alpha(opacity=x);がサポートされていると思いました。そうじゃないの?

あなたが使用するあなたのサイトに

、:私はそれを理解

.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つの高いルールを使用します。

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

覚えていること:人々がIEの上位バージョンにアップグレードしない(またはFFやChromeに移行する)唯一の理由は、古いブラウザでデザインが見栄えの良いようにするためです。十分なサイトが犬のように見える場合、最終的にはサイトではないという考えを得るでしょう。古いブラウザです。だから、あまりにも多くの時間とエネルギーを失うことはありませんが遅すぎるIEのpanderingからの遅すぎる移行からのサポート。

+0

はい、そのトリックをした!感謝万円! IE9、FF、Chromeでもうまくいきます。唯一動作しなかったのは半径のコーナーですが、それは私にとっては問題ありません。不透明度が働いている限り、十分です。 すべてのブラウザが標準を飛び越えることができることは間違いありません。私たちはすべて夜間に寝ることができます。しかし、私はそれがすべてのことについて楽しい部分だと思います。助けてくれてありがとう。 – user1341199

+0

ああ、フォントが半透明であることはあなたが正しいです。それはそれほど悪くないので、私はそれと一緒に暮らすだろう。 – user1341199

0

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

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

または使用:

+1

私は1x1以外のサイズを使用すると言いました。 – Bill

+0

申し訳ありませんが私は間違っていた –

2

は、同じ開始および終了色で、勾配フィルタを使用することができ、IEにRGBAとHSLAの背景をシミュレートするために(アルファチャンネルは、HEXの値の最初のペアです) .pngイメージは1x1の代わりに1x2のサイズです。 Internet Explorer 8には、ページ上の他の要素が「-ms-フィルタ」を使用して正しく1x1ピクセル半透明の背景画像の繰り返しを行わないので

アルファ透明

See this linkためdrective

関連する問題