CSSの透明性の特性を紹介

まず、透明度の設定

  1. 不透明度の
    使用法:
    opaticy:0-1;

2.rgbaの
使用法:
RGBAは:(0-255,0-255,0-255,0-1)
透明度の値は0~1の間です。0は完全な透明を表し、完全に不透明を表します。
注記:値(1未満0以上)の範囲外である場合、それは、最も近い有効な値を取ります。プレスは、ディスプレイによって否定表示1.2、0をとります。
たとえば、次の
HTML:

ここBOX1は、
ここBOX2は、
ここBOX3は、

CSS:

(IMG)が
見えるようにRGBA不透明度のケースであろう
`` `
CSS:
.box1 {幅100ピクセル、高さ:100pxに、背景色:RGBA(255、0、0、。1);}
{幅BOX2:100ピクセル、高さ:100pxに、背景色:RGBA(255、0、0、0.5);}
.box3 {幅100ピクセル、高さ:100pxに、背景色:RGBA(255、0、0、0 );}
[画像ダンプ外側のリンクに障害が発生し、ソース局は、(直接アップロード(IMG-JW0lzFqi-1583117743352)下方画像を保存することが推奨され、セキュリティ・チェーン機構を有していてもよい https://i.loli.net/2020/03/01/ Zr1d7BPEQ8MOsi3.png)]

第二に、財産の透明性

慎重に上記の2つの例を観察するには、その内部テキストをゼロに不透明セットは、その内部のテキストはまだショーをゼロに表示されますが、RGBAセットされていないでしょう。
私たちは、その内部の構成要素、不透明度を設定する要素を与え、および親要素が親要素がゼロの透明性で同じ透明性を持っているだろう、その内部要素の透明性はゼロです。
例えば:

ここBOX1は、
ここBOX2は、
ここBOX3は、
~~ \ `\` \ `(IMG)

我々は、透明0は、積層数の異なる色成分が重畳部分の色を変更することができたときに表示されていない透明ガラスに要素として理解することができる不透明度。
戦争に反対する一千クラスフロント、あなたが戦うために待っています。

元の記事を公開 ウォンの賞賛0 ビュー8

おすすめ

転載: blog.csdn.net/Christin634/article/details/104607192