2022-05-21

背景のみ透過のヘッダーナビゲーション固定

白背景(RGB値)、50%透過↓


div {
  position: fixed;
  top: 0;
  left: 0;
  margin: 0;

  background: rgba(255,255,255,0.5);
}

marginは余白をなくす



色のRGB値を調べる↓

RGBと16進数カラーコードの相互変換ツール - PEKO STEP

https://www.peko-step.com/tool/tfcolor.html



-------------------------------------------------------------

 参考URL

https://www.design-memo.com/coding/css-rgba-opacity#:~:text=%E8%83%8C%E6%99%AF%E3%81%AE%E3%81%BF%E9%80%8F%E9%81%8E%E3%81%95%E3%81%9B%E3%82%8B%E6%96%B9%E6%B3%95,%E3%81%99%E3%82%8B%E3%81%93%E3%81%A8%E3%81%8C%E3%81%A7%E3%81%8D%E3%81%BE%E3%81%99%E3%80%82&text=%E4%B8%80%E7%95%AA%E5%B7%A6%E3%81%8C%E4%BD%95,%E3%82%92%E4%B8%8B%E3%81%92%E3%81%9F%E7%8A%B6%E6%85%8B%E3%81%A7%E3%81%99%E3%80%82

------------------------------------------------------------

0 件のコメント:

コメントを投稿

アマゾン和書/最新の情報