How to stack three images?

Discussion in 'CSS' started by bobby9101, Jan 25, 2007.

0
  1. #1
    I need three images stacked (layered).
    I have a div with a background image (image one) then an image inside of it (image two) lined up on top of image one, but how to get a third one to sit on top of that one.
    I was thinking I would need to use absolute positioning but I have never used absolute positioning! :eek:
     
    bobby9101, Jan 25, 2007 IP
  2. rb3m

    rb3m Peon

    Messages:
    192
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Well, I guess there's a first time for everything. Better if you use relative positioning, though. But it will depend on the project.

    Go to http://www.w3schools.com/css/css_positioning.asp

    While you're there look for a property called z-index.
     
    rb3m, Jan 25, 2007 IP
  3. bobby9101

    bobby9101 Peon

    Messages:
    3,292
    Likes Received:
    134
    Best Answers:
    0
    Trophy Points:
    0
    #3
    yeah, I was trying to play around with z-index and relative positioning (got it to work in FF but not IE7)
     
    bobby9101, Jan 25, 2007 IP
  4. rb3m

    rb3m Peon

    Messages:
    192
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Probably IE7 will want different values. Both browsers understand widths and heights differently. You will have to use conditional formatting to give IE7 a different set of styles.
     
    rb3m, Jan 25, 2007 IP