Results 1 to 3 of 3

Thread: Dynamic Background Image CSS DIV

Hybrid View

  1. #1
    Join Date
    Aug 2008

    Dynamic Background Image CSS DIV

    I'm interested in getting a background div to be 'skinned' with a background image. The only thing is, the background div is a container for dynamic content, like a blog. The image I want to put in it, will simulate a container with a drop shadow etc. but the top and bottom are rounded off. It's basically a round-cornered rectangle.

    Is there some way of slicing the image up so that the background image can maintain its proportions but still extend to fill the size of the container?

    All help is appreciated in advance,


  2. #2
    Join Date
    Mar 2007
    Sure. Create your image for your four corners and repeatable images for the top, bottom and sides. Just make these images a few pixels tall/wide so you can repeat them and let them expand to size of the content.

  3. #3
    Join Date
    Aug 2008
    Thanks for the reply Jason.

    Could you be so kind as to provide some example CSS code for such a background collage?

    Many thanks.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
HTML5 Development Center