css背景色透明、文字不透明

743 ワード

透明性を実現するcss法には、通常、不透明度が80%の書き方の3つの方法があります.
css 3のopacity:x,xの値は0から1、例えばopacity:0.8
css 3のrgba(red,green,blue,alpha)、alphaの値は0から1、例えばrgba(255,255,255,0.8)
IE専用フィルターフィルターフィルター:Alpha(opacity=x)、xの値は0から100、例えばフィルター:Alpha(opacity=80)
css 3のrgbaはいわゆるRGBA色で、名前の通りR+G+B+Aの色で、もう少し具体的にはred+green+blue+alphaの色で、翻訳すると赤+緑+青+Alphaの透明な色です.
background:rgba(200, 54, 54, 0.5); このうち、半透明度を表す0.5の前の0は省くことができ、直接.5でもよい.
互換性:IE 6、7、8はサポートされていません.IE 9以降のバージョンと標準ブラウザでサポートされています.
IE 8ブラウザがrgbaをサポートしない方法を解決する:
background:rgba(0,0,0,0.5); 
filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);

使用説明:色の不透明度を設定し、background-color、color、box-shadowなどの不透明度を調整するのに一般的に使用されます.