CSS Parent Div Sets the transparency, and the resolution of the child appears transparency

Because the parent Div uses opacity to set the transparency, the child Div also inherits the transparency

My workaround is to use Rgba,background-color:rgba (245,224,199,0.7), 0.7 is transparency, because RGBA is a CSS3 property, it must be a browser that supports CSS3 to support RGBA

Grammar:

R: Red value. Positive integers | Percentage

G: Green value. Positive integers | Percentage

B: Blue value. Positive integers | Percentage

A: transparency. Value between 0~1

Value:

<length>: Hue (hue). 0 (or 360) indicates red, 120 is green, 240 is blue, and of course other values are preferred to determine other colors;

<percentage>: Saturation (saturation). Values from 0% to 100%;

<percentage>: Lightness (Brightness). Values from 0% to 100%;

<opacity>: Alpha (transparency). The value is between 0 and 1;