Help Wasn't sure how to look for this: multiple images/text inside div

[Congenial Organism]

Hello! Just wondering if someone could provide an example of putting multiple images ontop of each other with different opacity's without effecting text inside the frame?

I'm trying to draw a black background with a transparent image over it that also has a transparent gif over that without effecting the opacity of text written inside the div(s).

Also would like to know how to parent text to a div so that it doesn't move outside of that div during re-scaling?

 

[Fable]

This was asked a long while back already; Help - Transparent Overlay

 

[Congenial Organism]

This was asked a long while back already; Help - Transparent Overlay

I got it to partially work inside a private workshop test... although the code is extremely messy and I'm not sure how I originally got it to work as all semblance of what the code used to be is gone... But with the example Ictora? posted the text is still transparent

 

[Fable]

I got it to partially work inside a private workshop test... although the code is extremely messy and I'm not sure how I originally got it to work as all semblance of what the code used to be is gone... But with the example Ictora? posted the text is still transparent

If you look at sugar's response, they state the best way is to edit the image itself to add transparency to an image rather than CSS. You cannot really add opacity to a parent element and force the children to ignore the cascading style. (I mean, for opacity at least, usually you can override with !important, but for opacity I've never gotten that to work.)

The other option is at least 3 divs and tons of positioning without placing the div where the text will be within the two divs (bg and bg transparent); as exampled here; Help - Opacity / Div Issues

 

[Congenial Organism]

If you look at sugar's response, they state the best way is to edit the image itself to add transparency to an image rather than CSS. You cannot really add opacity to a parent element and force the children to ignore the cascading style. (I mean, for opacity at least, usually you can override with !important, but for opacity I've never gotten that to work.)

The other option is at least 3 divs and tons of positioning without placing the div where the text will be within the two divs (bg and bg transparent); as exampled here; Help - Opacity / Div Issues

yep! That's actually the post I used as reference but the issue I ran into was that some of the text I ended up putting in the div's either hovered or got smashed outside the div after the post re-positioned after pressing submit.

I'm wanting to do that (sugarvine's post) but with a black background, an image, and a gif over the top of all that; but for some reason the gif refuses to display over the top of the image(again).

I think I got it Fable ty