css backgroud image not showing in firefox

Discussion in 'CSS' started by srs, Nov 1, 2006.

  1. #1
    I've been poking around trying to learn css, and when I add background image to elements such as a heading <h>, in the general form of --- background-image: url(image.gif); ----, it doesn't show in firefox...even though it shows in internet explorer...what can i do to make the background image show in firefox?
     
    srs, Nov 1, 2006 IP
  2. sabian1982

    sabian1982 Notable Member

    Messages:
    2,028
    Likes Received:
    161
    Best Answers:
    0
    Trophy Points:
    210
    #2
    Are you using just <h> ? Try specifically defining the component, eg.

    h1, h2, h3 {
    background-image: url(../image.gif);
    }

    You might also find you need the ../ in order for the element to display correctly! Also if the image is small you and it needs to be repeated you might need to manual specificy that it needs repeating using the background-repeat: css option.
     
    sabian1982, Nov 2, 2006 IP