1

以下のカルーセル構造を使用しようとしています

カルーセル

問題は、背景 (左側の説明へのリンク) が半透明であり、ie6 を除く Opera、Firefox、Chrome、Safari で正常に動作することです。ie6ではその透過性なしで表示されます。他のブラウザとして表示するように変更するには?

4

1 に答える 1

3

あなたのソリューションの問題は、画像ファイルで透明性を達成しようとすることです:

#featured .ui-tabs-panel .info{ 
    position:absolute; 
    bottom:0; left:0; 
    height:70px; 
    background: url('images/transparent-bg.png'); 

Internet Explorer < 7 では真の PNG 透明度を正しく描画できません。

あなたの側の解決策は、あなたが幸運であり、真の画像透過性を必要としないことです。代わりに opacity CSS 修飾子を使用できます。Google で「CSS opacity」を検索します。これは最初のヒットの 1 つです: http://www.quirksmode.org/css/opacity.html

これを常に期待どおりに機能させる (つまり、テキスト自体が透明ではない) ようにするには、追加のトリックを行う必要があります。たとえば<div>、実際の要素の下に 2 番目の要素をレイヤー化する (カスケードしないでください!)、またはそれらをカスケードして、子要素の不透明度をオーバーライドできることを願っています。または .... 元のバージョンでは、透明な画像を使用するトリックが使用されていたのはそのためです。

IEがいかにひどいものかを明確に示しています。私のウェブサイトと同じように、私はそれを非推奨にします。

于 2010-01-11T11:28:36.370 に答える