サーチ…
構文
- 不透明度：数値（*厳密に0と1の間）|継承|最初の|設定されていない。
備考
不透明度を適用したくない場合は、代わりにこれを使うことができます：
リソース：
- MDN： https : //developer.mozilla.org/en/docs/Web/CSS/opacity ;
- W3C透明度：「不透明度」プロパティ： https ://www.w3.org/TR/css3-color/#transparency
- ブラウザのサポート： http : //caniuse.com/#feat=css-opacity
不透明度プロパティ
要素の不透明度は、 opacityプロパティを使用して設定できます。値は、 0.0 （透明）から1.0 （不透明）までの任意の値にすることができます。
使用例
<div style="opacity:0.8;">
This is a partially transparent element
</div>
| プロパティ値 | 透明性 |
|---|---|
opacity: 1.0; | 不透明 |
opacity: 0.75; | 25％透明（75％不透明） |
opacity: 0.5; | 50％透明（50％不透明） |
opacity: 0.25; | 75％透明（25％不透明） |
opacity: 0.0; | トランスペアレント |
`opacity`に対するIEの互換性
IEのすべてのバージョンでopacityを使用する順序は次のとおりです。
.transparent-element {
/* for IE 8 & 9 */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; // IE8
/* works in IE 8 & 9 too, but also 5, 6, 7 */
filter: alpha(opacity=60); // IE 5-7
/* Modern Browsers */
opacity: 0.6;
}
Modified text is an extract of the original Stack Overflow Documentation
ライセンスを受けた CC BY-SA 3.0
所属していない Stack Overflow