0

ウェブサイトのコンテナの不透明度を 0.8 にしました。このコンテナに写真を追加すると、実際には何でも、同じ不透明度として表示されます。不透明度なしで画像を 100% に保ちたいと思います。これが実際にどのように修正されるかはわかりません。画像の z-index と不透明度を具体的に変更しようとしましたが、うまくいきませんでした。どんな助けでも素晴らしいでしょう。以下のサンプルを参照してください。

サンプルを見る

4

2 に答える 2

1

コンテナ全体に透明度を追加するよりも、これらの要素の背景を半透明にする方がよいと思います。これは写真には影響せず、テキストとボタンが読みやすくなります。

于 2012-11-09T22:05:43.503 に答える
1

http://css-tricks.com/rgba-browser-support/などの説明をお読みください。

opacity プロパティは以前からありましたが、これは類似していますが、opacity はすべての下位要素も透明にすることを強制し、それと戦う方法はありません。

したがって、たとえば次のように使用する必要があります。

background: rgba(200, 54, 54, 0.5); 
于 2013-02-26T13:43:53.060 に答える