teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

補足を追加

2020/06/22 02:25

投稿

Daregada
Daregada

スコア11990

answer CHANGED
@@ -1,1 +1,5 @@
1
- 提示されるHTMLとCSSが断片的で、あなたの手元でどう表示されているかわかりませんが、足りないところを推測で補って作ったWebページでは、`transparent`はちゃんと動いていますね。`.gnavi a`に適当な(周囲とは異なる色の)`background-color`を指定してみれば検証できますよ。
1
+ 提示されるHTMLとCSSが断片的で、あなたの手元でどう表示されているかわかりませんが、足りないところを推測で補って作ったWebページでは、`transparent`はちゃんと動いていますね。`.gnavi a`に適当な(周囲とは異なる色の)`background-color`を指定してみれば検証できますよ。
2
+
3
+ 追加分:
4
+ 質問者のイメージする「透明」は、CSSの`transparent`が意図する透明色ではなく、色指定におけるアルファー値(透明度とか不透明度とか)で実現するものだった。
5
+ この場合、文字色を含めて半透明にしたいわけではないので、`opacity`ではなく、`background-color: rgba(R, G, B, A);`を指定して、Aの値を調整すればいいのでは。