img behaving like a background img?
css, html
Solution
Yes it is possible, you'll probably have to do something like this :
CSS
#your-image {
position: absolute;
z-index:1;
}
#container {
position: relative;
z-index: 2;
}
HTML
<body>
<img id="your-image src="" alt="">
<div id="container">
<!-- All your content goes there -->
</div>
</body>
Problem
I have a physical image on a page.. ``` <img src="image.png" alt="image-name" /> ``` I want it to behave as if it was the body background image though.. ``` body{ background: url(image.png) no-repeat center top; } ``` i.e centered without the browser seeing it, so no scroll bars if its wider the the browser etc? Is this possible?