CSS3 の RGBA カラー値の詳細な説明:
この章では、RGBA カラー値の使用法を紹介します。これは、誰もが RGB によく慣れているためです。しかし、追加の A があります。
文法構造:
RGBA(R,G,B,A)
パラメータ分析:
R(red): 赤の値。正の整数 |
G(緑): 緑の値。正の整数 |
B(青): 青の値。正の整数 |
A(アルファ): アルファ透明度、0 から 1 までの値。
RGBA は RGB に基づいており、アルファ透明度を制御するパラメータを追加します。R、G、B の 3 つのパラメータの正の整数値は 0 ～ 255、パーセント値は 0.0% ～ 100.0% です。範囲外の値は切り捨てられます。パラメータ A の値は 0 ～ 1 です。すべてのブラウザがパーセンテージ パラメータ値をサポートしているわけではないことに注意してください。
ブラウザの互換性:
RGBA カラー値の互換性は、IE8 および IE8 より前のブラウザではサポートされていませんが、他の標準ブラウザではサポートされています。
コード例:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://ask.php.cn/" />
<title>CSS3教程</title>
<style type="text/css">
.first{color:rgba(128,128,128,0.2);}
.second{color:rgba(50%,50%,50%,0.3);}
.third{color:rgba(160,100,150,0.6);}
</style>
</head>
<body>
<div class="first">php中文网欢迎您</div>
<div class="second">php中文网欢迎您</div>
<div class="third">php中文网欢迎您</div>
</body>
</html>次のセクション