OpacityプロパティとRGBaプロパティバリューは,
今回は,
OpacityプロパティとRGBaプロパティバリューをサポートしているブラウザ
OpacityプロパティとRGBaプロパティバリューをサポートしているブラウザは以下のとおりです。
- Opacityプロパティ
- Firefox 2以上,
Safari 2以上, Opera 9以上, IE8以上, Chrome - RGBaプロパティバリュー
- Firefox 3以上,
Safari 3以上, Opera 10以上, IE8以上, Chrome
上記のように,
今回のサンプル
サンプルを利用して,
今回,
リスト1 デフォルトのサンプル
<div id="photo">
<h1>ボストンの夕暮れ</h1>
</div>
リスト2 デフォルトのサンプル
html {
font-family: verdana, Osaka, sans-serif;
}
h1{
color: #E45A49;
}
(opacityプロパティとRGBaプロパティバリューを指定せずに)
Opacityプロパティ
まず,
- Opacityプロパティを適用できるCSSプロパティ
- ボーダー
- パディング
- 背景色
- 画像
- テキスト
- 他のプロパティ
Opacityプロパティのメリットは,
Opacityプロパティの記述方法
Opacityプロパティの記述は非常にシンプルです。
セレクタ {
opacity: 値
}
Opcityプロパティの値には,
Opacityプロパティを使った基本のサンプル
デフォルトのサンプルに,
リスト3 Opacityプロパティを使った基本のサンプル
<div id="photo">
<h1>ボストンの夕暮れ</h1>
</div>
リスト4 Opacityプロパティの基本のサンプル
html {
font-family: verdana, Osaka, sans-serif;
}
div#photo {
background-color: #000;
opacity: .6;
}
h1 {
color: #E45A49;
}
Opacityプロパティをサポートしたブラウザでは,