ホームページ > 記事 > ウェブフロントエンド > CSSで背景透明・文字不透明を実現（各種ブラウザに対応）_html/css_WEB-ITnose
CSSで背景透明・文字不透明を実現（各種ブラウザに対応）_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:56:18981ブラウズ
FF/Chrome などの新しいブラウザでは、CSS 属性の background-color の rgba を使用して、テキストは不透明のままで背景を透明にすることが簡単に実現できます。 IE6/7/8 ブラウザは rgba をサポートしておらず、IE の専用フィルター filter:Alpha を使用することでしか実現できません。ただし、この書き方では文字も透明になるため、 の子ノード内でのみ使用できます。透明なコンテナ (テキスト ノードを除く)。親要素の透明度フィルターを継承しないように、position:relative を設定します。コードは次のとおりです。 FF3.0+/Opera10+/Chrome/Safari
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。