CSS Background Images don't display in IE8 & lower

Discussion in 'CSS' started by danwilliam, Mar 28, 2011.

  1. #1
    Hi,

    I've been searching for hours and still can't get css background images to display.

    Live test site here:
    http://test.danwilliam.com.au/hosting/

    Thanks
     
    danwilliam, Mar 28, 2011 IP
  2. style0

    style0 Peon

    Messages:
    108
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    you have many different url's to your background images, in the css file.

    there is urls like: background: url(http://test.danwilliam.com.au/blabla/...
    and like: background: url(http://danwilliam.com.au/blabla...

    you only need the short one, like the logo. The logo is displaying fine in IE right?
    So the url to that background image is like: background: url(img/logo-1.jpg) no-repeat 50% 0;

    This last one is the right format, if you use that on all bg images you'll see them in IE aswell.

    By the way, you should check your javascripts, they flag errors in both IE and firefox
     
    style0, Mar 28, 2011 IP
  3. finna

    finna Peon

    Messages:
    12
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Are you talking about the 'add to cart' button? If yes..

    I see that you have declared input[type="submit"] in you CSS, that doesn't work in lower versions of IE.

    Check the compatibility of CSS selectors in different browsers here..
    http://www.quirksmode.org/css/contents.html
     
    finna, Mar 29, 2011 IP
  4. danwilliam

    danwilliam Peon

    Messages:
    3
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    thanks for your fast reply.

    good spot with the urls. I think the images were in both places, but yes only the logo was working.

    I fixed the urls and fixed the javascripts and it works!

    thanks!
     
    danwilliam, Mar 30, 2011 IP
  5. danwilliam

    danwilliam Peon

    Messages:
    3
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    No, not the 'add to cart' but thanks for the tip
     
    danwilliam, Mar 30, 2011 IP