CSS3 Pre-Reference



opacity

透過度

試す

コード

:nth-child(1) {
opacity: 1;
-moz-opacity: 1;
-webkit-opacity: 1;
}
:nth-child(2) {
opacity: 0.8;
-moz-opacity: 0.8;
-webkit-opacity: 0.8;
}
(以降、0.2ずつ減少します)

サンプル

一番上が透過無し、一番下が完全透過です。(見えません)

:nth-child(1)

:nth-child(2)

:nth-child(3)

:nth-child(4)

:nth-child(5)

:nth-child(6)

コメントする


対応ブラウザ

Firefox
すべて
Chrome/Safari
すべて
Opera
InternetExplorer
まだ

パラメータ

<アルファ値> | inherit
初期値 1
適用 すべて
継承 しない
レベル 3
%の解釈 -
適用メディア Visual
参考文献 CSS Color Module Level 3#3.2 Transparency: the ‘opacity’ property

解説

前景・背景を含めた透過度を指定します。

かなり前から実装が進んでいますが、実はCSS3からの実装です。

値には0~1までの小数点値を指定します。

トラックバック

投稿されたコメント