njdubois Posted December 4, 2012 Share Posted December 4, 2012 http://www.leadfootgearjammers.com/background.php Look at it in any browser but IE9 and it looks great. But IE its like its not scaling it to fit the screen, its as if IE9 is scaling to fit some virtual screen? I don't know, just doesn't look right. [uPDATE] as I write this I'm using this to get my thoughts out of my head and maybe fix it myself. While doing this, I noticed that Firefox is no longer displaying correctly. Its just a band going across the top of the screen [/uPDATE] The code is simple. <html> <head></head> <body style=" background: url('http://www.leadfootgearjammers.com/picture_gal/1353302979-2012-03-02_21-13-14_906.jpg') no-repeat center center fixed; background-size: cover;"> </body> </html> What can I do to get better consistency in most browsers? Right now, Chrome and Safari have it dead on. Firefox is just displaying a band on the top and IE9 shows the top half of the image and you see the hood of the car. I've been up and down google. Most of the problems relate to older versions of IE, and the solutions don't worth either way. I saw -moz-background-size:100% 100%; on w3schools.com but it didn't solve my FF problem. Thank you so much! Nick Quote Link to comment Share on other sites More sharing options...
njdubois Posted December 4, 2012 Author Share Posted December 4, 2012 ok, now Firefox and Chrome are good, Safari is alright, IE9 still is a no go. I'm so confused. Quote Link to comment Share on other sites More sharing options...
haku Posted December 6, 2012 Share Posted December 6, 2012 If I recall correctly, IE9 and below do not support the CSS background-size attribute. You will need to find another solution to cover IE. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.