ヘッダーのレイアウト(透明化）

ヘッダーの透明化について

• opacityには要素の中身全てを透明にするという性質があり、背景色のみを透明にするには、rgbaというものを使う必要がある。

• opacity

.box1 {
  opacity: 1;
}

• rgbは色の指定の仕方の1つで、3つの値の組み合わせで表示する色を決める。

box1 {
background-color: rgb(255,147,30);
}

紫の部分である、255,147,30と#ff931eは同じ色。

box2 {
background-color: #ff931e;
}

opacityプロパティは要素全体を透過させるが、rgbaを使うとその色だけを透明にすることが出来る。