1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

2 background images at the same time?

Discussion in 'HTML & Website Design' started by konradbraun, Jan 28, 2011.

  1. #1
    Hi,

    I have been told this is impossible, but I want to try it anyways: I have 2 background images. One that goes to about half way down the blog, and the other that goes down the other half of the blog.

    How can this be done?

    I assume I would need a background behind a background, no?

    See the blog I am talking about: http://www.empiremarketing.ca/blog (scroll down)

    These are the two images I want to use:
    fist half: http://www.empiremarketing.ca/NewImages/bodybg.jpg
    second half: http://www.empiremarketing.ca/NewImages/bodybg2.jpg
    SEMrush
    Any thoughts or ideas on how exactly this can be done?
     
    konradbraun, Jan 28, 2011 IP
    SEMrush
  2. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #2
    It is.
    That's a known psychological problem.

    Without tricks, it can't be done with normal CSS. However, a new CSS3 property will allow this in modern browsers which means, of course, it won't work in IE. So far, only Webkit browsers support it.
     
    drhowarddrfine, Jan 28, 2011 IP
  3. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Yes, by using two containers. One background image per container. Until, as the doc says, CSS3 gets embraced by more than one browser.
     
    Stomme poes, Jan 28, 2011 IP
  4. infoman66

    infoman66 Peon

    Messages:
    58
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #4
    To clarify things a bit.
    First background image set as a body background image.
    The second background image set as background image of the div that holds the width and height of 100%.
    (In this div set the remaining design.)
    So using position properties can position your background image to the desired place.
     
    infoman66, Jan 29, 2011 IP
  5. intesols

    intesols Peon

    Messages:
    64
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    You can try with CSS3
     
    intesols, Jan 30, 2011 IP
  6. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #6
    Nobody on DP ever reads previous posts. Except Stomme.
     
    drhowarddrfine, Jan 30, 2011 IP