[解決済み] 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
は、子要素が透過しないことを意味します。
関連
-
[解決済み】JQuery: 'Uncaught TypeError: ajaxリクエストで「Illegal invocation」が発生する - 複数の要素
-
[解決済み】スタイルシートとして解釈されるリソースがMIMEタイプtext/htmlで転送される(ウェブサーバーとは関係ないようです)。
-
[解決済み] CSSの親セレクタはありますか?
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み] HTML 5: Is it <br>, <br/>, or <br />?
-
[解決済み] HTMLのid属性に有効な値は何ですか?
-
[解決済み] HTMLで表示される上下の三角形(軸のない矢印)に使用できる文字は何ですか?
-
[解決済み】なぜHTMLは "chucknorris "を色と見なすのか?
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
-
[解決済み】HTML5入力のプレースホルダの色をCSSで変更する。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】iframeを水平方向にセンタリングする方法は?
-
[解決済み】Markdownで'target="_blank"'でリンクを作成することはできますか?
-
[解決済み] span with onclick event inside the tag
-
[解決済み] CSSでulのインデントを削除する
-
[解決済み] 迷子の終了タグ "head"
-
[解決済み] 高さを固定したBootstrapパネルボディの作り方
-
[解決済み] 送信ボタンが機能しない
-
[解決済み] Bootstrapのカラム内で画像を中央に配置する方法 [重複]について
-
[解決済み] head」タグと「header」タグの本当の違いは何ですか?[重複】について]
-
[解決済み] Bootstrap 4 の mr-auto が正しく動作しない。