Me and a friend made a website for my families holiday apartment (www.stleonard.info)
The background ( a photo ) should be remaining still, while a banner at the top should scroll with the rest of the page....
if your using chrome, or any other browser then you will see that this works...
IE10 however, you will notice that the background and the overlay at the top with the text and flag banner remains locked also and does not scroll with the page...
here is the css code:
body
{
font-family: Verdana;
background-image:url(../images/banner.png), url(../images/bg.jpg);
background-repeat:no-repeat;
background-size: auto auto, 100% auto;
background-position:50% 20px,50% 0%;
background-attachment:scroll, fixed;
margin: 0px 0px;
padding: 0px;
text-align: center;
color: #043f7c;
}
Is there a line of code needs to replace the background-attachment attribute? if this changes wont it mess up all the other browsers?
if anyone knows the answer to this - it would be most appreciated..
Thanks
Alex









