[SOLVED] How to get a "background block" for a text

I would like to build a part for my website like this but cant seem to find the right way to get a smaller rectangle with a black color and less opacity.

How would you guys do this?
(white lines are for text)

With CSS. The main image is CSS background image, the overlay is done with DIVs, RGBA color (transparent), position relative for the parent element, position absolute for the box above the background image etc.

That’s quite sophisticated CSS technique. Ask Google.

Hope this helps.

1 Like

thank you! gonna try it out after work!

https://css-tricks.com/?s=background+image&orderby=relevance&post_type=post%2Cpage%2Cguide

1 Like