1. ホーム
  2. Web制作
  3. CSS

[Div+CSSチュートリアル】divの背景を透明にする設定例

2022-01-12 22:36:09

divの背景を透過させる方法には、一般的に2つの方法があります。

1. opacity 属性で設定します。値は 0~1 で、0 は透明、1 は不透明になりますが、この方法は同時に div 上のコンテンツも透明にします。

その効果は以下の通りです。

2. 背景色をrgba形式で設定します。background-color:rgba(0,0,0,0~1)の形式で、0は透明、1は不透明になります。

画像

コードは以下の通りです。 :

C:\>c:\Python27\python.exe -V

ここでもう一つ、注意すべきことがあります。
{マーク {{/マーク rgba()関数は、Red®、Green(G)、Blue(B)、Transparency(A)を重ね合わせ、様々な色を作り出す関数です。

{{/マーク RGBAすなわちRed, Green, Blue, Transparency(英語ではRed, Green, Blue, Alpha)です。
赤(R) 0~255の整数で、色の赤成分を表します。
Green (G) 0から255までの整数で、色の緑成分を表します。
Blue (B) 青色成分を表す0〜255の整数。
Transparency (A) 透明度を表す0〜1の整数です。
Baiduでrgbaの値を見つけることができます。
に似ている。

画像

カラーコード比較表へのリンクです。
https://www.sioe.cn/yingyong/yanse-rgb-16

divの背景を透明に設定する方法の例では、この記事に導入され、より関連するdivの背景を透明に設定する内容は、スクリプトの家の前の記事を検索してくださいまたは次の関連記事を閲覧を続け、私はあなたが将来的にもっとスクリプトの家をサポートして願っています!.