Code: Select all
#bg {
position: absolute;
right: 0;
bottom: 0;
}I thought perhaps z-index might help, but setting it to -1 makes the image disappear. O.o
Ideas...?
Moderator: General Moderators
Code: Select all
#bg {
position: absolute;
right: 0;
bottom: 0;
}Code: Select all
#bg {
position: absolute;
right: 0px;
bottom: 0px;
width: 466px;
height: 542px;
background-image: url('/hydra/bg.png');
background-repeat: no-repeat;
background-position: bottom right;
}Code: Select all
<div id='bg'> </div>
</body>
</html>Code: Select all
body * {
position: relative;
z-index: 1;
}
#bg {
position: absolute;
right: 0px;
bottom: 0px;
width: 466px;
height: 542px;
background-image: url('/hydra/bg.png');
background-repeat: no-repeat;
background-position: bottom right;
z-index: 0;
}whoohooo! worked. Thanks a lot!superdezign wrote:And if that doesn't work:
That may do it. I forgot if z-index works on relatively positioned elements.Code: Select all
body * { position: relative; z-index: 1; } #bg { position: absolute; right: 0px; bottom: 0px; width: 466px; height: 542px; background-image: url('/hydra/bg.png'); background-repeat: no-repeat; background-position: bottom right; z-index: 0; }