Such a structure:

& lt; div class = "parent" & gt;
  & lt; div class = "children" & gt;
    & lt; span class = "info-name" & gt; name & lt; / span & gt;
    & lt; span class = "info-price" & gt; price & lt; / span & gt;
   & lt; / div & gt;
& lt; / div & gt;

parent has a picture in the background. Inside parent there is another & lt; div & gt; , but its background covers the picture. Can you tell me how to make the background of the inner & lt; div & gt; completely transparent?
If you use opacity , then & lt; span & gt; with text inside children becomes transparent, but you don’t need to make them transparent.

Answer 1, authority 100%

. children {background: transparent}