Tweet
Can't get a fixed background-image in IE!
I've been playing with the imagery on http://www.memoriesforyou.co.uk. The code should have stayed the same, but I wanted a couple of nice images instead of a blocky brown front page.
But although my page looks right in NS7 (although the cork is too high. It's a child only of <body> so I can't understand why it's not at the bottom!) and the images scroll, the opposite is true in IE6 - the cork's in the right place, but the images don't scroll.
Can someone please put me out of my misery? I was hoping to get this fixed just right before end of the working day!
But although my page looks right in NS7 (although the cork is too high. It's a child only of <body> so I can't understand why it's not at the bottom!) and the images scroll, the opposite is true in IE6 - the cork's in the right place, but the images don't scroll.
Can someone please put me out of my misery? I was hoping to get this fixed just right before end of the working day!
Code:
HTML
<body>
<div id="titleimage"></div>
<div id="cork"></div>
</body>
CSS
body {background-image: url(Images/speckles.jpg);
background-repeat: repeat;
background-attachment: fixed;
z-index: 50}
div#titleimage {position:absolute;
top:0px;
margin-right: 0px;
margin-top: 0px;
right: 10px;
height: 305px;
width: 250px;
background: url(Images/champagneglassestrans.jpg) no-repeat top right fixed;
z-index: 100}
div#cork {position: absolute;
margin-left: 0px;
background-image: url(Images/champagnecork.jpeg);
margin-bottom:0px;
left:0px;
bottom:0px;
background-repeat: no-repeat;
width: 300px;
height: 300px;
background-attachment: fixed;
z-index: 50;}
Comment