I have a giant background image that I need 100% 100% scale. But my problem is if the webpage is say 150% height that of the browser (so browser is say 1000×1000, and my website is 1000×1500) when you scroll down to see the rest of the website the background repeats and doesn’t get scaled down.
My css is
html,body { width: 100%; height 100%; }
body { background: url(blah) no-repeat; background-size: 100% 100%; }
Any idea of how I can fix that?
Try applying the background image to the
htmlinstead.