2

すべてのコンテンツをラップするラッパー div を作成していました。ラッパーにバックグラウンド テクスチャを指定し、不透明度を指定します。ただし、ラッパーに不透明度を設定すると、そのすべての子、テキストと画像を含む Web コンテンツがすべて半透明になりましたが、透明度を親のみに設定するにはどうすればよいですか?

4

4 に答える 4

2

を使用しないでくださいopacity。代わりにアルファ付きの背景色を使用してください。

background-color: rgba(255,255,255,0.5);

画像を使用しているため、おそらく最善の策は、透明度を画像に焼き付けるか (フェードできないなどの理由で最悪です)、テクスチャ css のカスケード ラインから子を移動してみてください。

于 2012-11-29T10:43:13.293 に答える
2

parent containerこんにちは、背景の不透明度を増減できるプロパティについて言及していますが、それはchild container. 基本的にcssを見るのは簡単です。背景の色と不透明度にはrgbaここを使用する必要があります。rgba-alpha

CSS

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

デモ

于 2012-11-29T10:46:45.453 に答える
0

要素が透明な場合、それに含まれるすべてが透明になります。

実際に欲しいのは半透明の背景のようです。使用しているテクスチャの場合は、画像編集ツールを使用してテクスチャを半透明にし、PNG として保存する必要があります。

于 2012-11-29T10:42:37.130 に答える
0

これらの2行は私にとってはうまくいきました。これをcssで使用できます。

CSS

background-color: rgba(0, 0, 0, 0.3);

opacity: 1;
于 2021-09-01T07:16:14.417 に答える