1. ホーム
  2. html

[解決済み] HTMLで透明を表すカラーコードはありますか?

2022-03-01 05:02:23

質問

新しいウェブサイトを構築しているのですが、背景が見えるように透明なナビゲーションバーを探しています。

どのように解決するのですか?

Transparentのカラーコードはありませんが、Opacityのスタイリングがあります。それについては、以下のドキュメントを参照してください。 デベロッパー.モジラ.org

おそらく、要素の色を設定してから、それに不透明度を適用したいと思うでしょう。

.transparent-style{

    background-color: #ffffff;
    opacity: .4;

}

また、ブラウザ固有のスタイルを与えるオンラインの透明度生成ツールを使用することもできます。 http://www.css-opacity.pascal-seven.de/

注意事項 ある要素の透明度を設定すると、その子要素も透明になること。そのため、他の要素をオーバーレイする必要があります。

また、アルファ (A) 設定を使用して RGBA カラーを使用して、不透明度を変更してみるのもよいでしょう。

.transparent-style{
    background-color: rgba(255, 255, 255, .4);
}

RGBAを使用する opacity は、子要素が透過しないことを意味します。