すなわちとdivの背景を透明

Question

私は

以下カルーセル構造を使用するようにしてください

カルーセルの

の問題は、バックグラウンド（左側の説明とのリンクの）半透明であり、それはオペラ、Firefoxの、クロムで正常に動作し、IE6以外サファリ。 IE6は、他のブラウザとして表示するように変更することtransparentcy.howせずにそれを表示する？

Answer 1

あなたの解決策の問題は、それが画像ファイルに透明性を達成しようとすることです。

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

それは吸うので

Internet Explorerの<7は、正しく真のPNGの透明性を引き出すことができません。

あなたの最後のソリューションは、あなたが幸運であり、真の画像の透明性を必要としないということです。代わりに、不透明度のCSS修飾子を使用することができます。 「CSSの不透明度」の検索Googleは、これが最初のヒットのいずれかです。 http://www.quirksmode.org/css/opacity.htmlする

予想通り、これは常に動作させるために（すなわち、テキスト自体は、のないの透明である）あなたはを追加トリックを行う必要がありますの。例えば。本当の（それらをカスケード接続ではない！）の下で二<div>要素を階層、またはそれらをカスケード接続し、子要素で不透明度をオーバーライドすることを願って、または.... オリジナル版では、透明画像とのトリックを使用した理由です。

これは明らかに、IEが吸う方法をひどくを示しています。私は私のウェブサイトと同じように私は、それを非推奨です。