#この記事の動作環境: Windows10 システム、css 3、thinkpad t480 コンピューター。 CSS で要素の半透明効果を設定したい場合は、opacity 属性を使用できます。 opacity 属性は、要素の不透明度レベル ([opacity:0.5] など) を設定するために使用されます。 構文:不透明度属性を使用して、CSS で背景の半透明効果を設定できます。この属性は、要素の不透明度レベル ([不透明度:0.5] など) を設定するために使用されます。これは、要素を半透明に設定することを意味します。・透明な状態。
opacity: value|inherit;
<!DOCTYPE html> <html> <head> <style> div { background-color:red; opacity:0.5; filter:Alpha(opacity=50); /* IE8 以及更早的浏览器 */ } </style> </head> <body> <div>本元素的不透明度是 0.5。请注意,文本和背景色都受到不透明级别的影响。</div> </body> </html>
css ビデオチュートリアル)
実行結果は次のとおりです。 : 関連する推奨事項:以上がCSSで背景の透明度を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。