CSSで背景透明・文字不透明を実現（各種ブラウザに対応）_html/css_WEB-ITnose

FF/Chrome などの新しいブラウザでは、CSS 属性の background-color の rgba を使用して、テキストは不透明のままで背景を透明にすることが簡単に実現できます。 IE6/7/8 ブラウザは rgba をサポートしておらず、IE の専用フィルター filter:Alpha を使用することでしか実現できません。ただし、この書き方では文字も透明になるため、 の子ノード内でのみ使用できます。透明なコンテナ (テキスト ノードを除く)。親要素の透明度フィルターを継承しないように、position:relative を設定します。コードは次のとおりです。 FF3.0+/Opera10+/Chrome/Safari