So i have a background set to be full size and centers so the larger the window the more of the background you see.
background: url(images/body-bg.jpg) no-repeat center top;
I want to have an image set up to act in the same way, that sits on top of every other element of the website. This image is mostly transparent, but contains a t-shirt which i want to overlap the main content box.
How can i achieve this? Using img src in the html stretches the page and doesn't place the image over the top of the background. And i can't get it to work using CSS either.
Any help would be appreciated! Thanks!