html - absolutely positioned picture covering text -



html - absolutely positioned picture covering text -

i have image i've positioned absolutely utilize background. it's covering content of page.

<!doctype html> <html> <head> <meta charset="utf-8"> <title>untitled document</title> <style> #pic1 { position:absolute; top: 0px; left: 0px; } </style> </head> <body> <h1> hi there </h1> <h1> hi there </h1> <h1> hi there </h1> <img id="pic1" src="1.jpg" width="100%" alt="picture"> </body> </html>

you should alter z-index css property of image

the z-index property specifies stack order of element.

an element greater stack order in front end of element lower stack order

how ever can utilize property on body element set background : background-image:url('image url');

html css

Comments

Popular posts from this blog

php - Android app custom user registration and login with cookie using facebook sdk -

django - Access session in user model .save() -

php - .htaccess Multiple Rewrite Rules / Prioritizing -