HOW TO PUT TEXT FRONT A PICTURE IN HTML? | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
- 1

HOW TO PUT TEXT FRONT A PICTURE IN HTML?

13th Feb 2018, 2:08 AM
SebGM2018
SebGM2018 - avatar
2 Answers
+ 6
it's a common problem that u ll face while designing, not just text but to put anything over anything, it's called overlaying , I ll just give the basics that ll help everywhere. the thing that needs to be on background ( in ur case picture ) must have position attribute as relative or fixed if u wish, now add the overlay element ( in ur case text ) in the same div that contains picture, and give it the position property absolute, now u can position ur overlay element with attributes like, left, right, top, bottom, z- index etc note that this relationship of container{ position: relative;} overlay{ position: absolute; z-index:1;} is very important , only then other stuffs will work, zephyr koo is right btw , show ur attempt first, then ask questions , it's the wrong way to ask
13th Feb 2018, 3:21 AM
Morpheus
Morpheus - avatar
+ 11
Can you show us what you've tried? We don't spoon-feed people here and I'm happy to show you the way, just Google "html image text overlay" and you'll find plenty of examples.
13th Feb 2018, 2:26 AM
Zephyr Koo
Zephyr Koo - avatar