2017-10-31 14 views
-2

不透明度を追加するときに背景を暗く保つことはできますか?私は画像が追加されたような入力を作成しようとしています。 #000にバックグラウンドを設定して不透明度を追加するたびに、背景が黒くなって透明になるのではなく、グレーに変わります。CSS Dark Opacity

enter image description here

編集:誰もが使用することを私に言っについては

background: rgba(0,0,0, 0.5); 

これは結果である(動作しない)enter image description here

編集2:

ここはフィドルです - http://jsfiddle.net/n7aob2yd/1/

+0

コメントは議論の対象外です。この会話は[チャットに移動]されています(http://chat.stackoverflow.com/rooms/157944/discussion-on-question-by-user2465134-css-dark-opacity)。 – Andy

答えて

0

最後の値0.5はアルファチャンネルです。

.selector { 
    background-color: rgba(0, 0, 0, 0.5); 
} 
0

あなたがしていることは正しいです。背景が白いので、グレーが表示されます。あなたのスクリーンショットのような背景を使ってみると、それが動作することがわかります。 opacityは、テキストを含むすべてに適用されるため、使用しないでください。さて、背景画像と一致する背景色を使用してみてください。この場合は濃い青です。多分それは欠けているものです。