Advanced Search

Results 1 to 3 of 3

Thread: Background Image Carousel background-size: cover; is not working

  1. #1
    Join Date
    Feb 2012
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Background Image Carousel background-size: cover; is not working

    I want my background image auto resize, so I set background-size: cover;

    div.slide{ /* CSS for each image's DIV container within main container */
    background-color: black;
    background-position: top center; /* center image within carousel */
    background-repeat: no-repeat;
    background-size: cover; /* CSS3 property to scale image within container? "cover" or "contain" */
    color: black;
    }

    but it's not working, is anyone know why?

  2. #2
    Join Date
    Aug 2004
    Posts
    9,863
    Thanks
    3
    Thanked 960 Times in 949 Posts
    Blog Entries
    15

    Default

    Warning: Please include a link to the DD script in question in your post, in this case http://www.dynamicdrive.com/dynamici...bgcarousel.htm. See this thread for the proper posting format when asking a question.

    What browser are you using to test out the CSS style? background-size:cover doesn't work in IE9 for example, though it should in all the other major browsers.
    DD Admin

  3. #3
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,688
    Thanks
    43
    Thanked 3,129 Times in 3,095 Posts
    Blog Entries
    12

    Default

    Quote Originally Posted by ddadmin View Post
    background-size:cover doesn't work in IE9 for example, though it should in all the other major browsers.
    Works fine in IE 9 here. Doesn't work in IE 8 and less though.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Bookmarks

Posting Permissions

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