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
Post a Comment