Results 1 to 2 of 2

Thread: IE9, CSS3, background-size + background-repeat

  1. #1
    Join Date
    Dec 2011

    Unhappy IE9, CSS3, background-size + background-repeat

    so I'll try to keep this short.

    What I want to achieve is have some kind of news- / menu- box with dynamic size. But since the box border (left and right) is kind of random (Picture: http://imageshack.us/photo/my-images/193/menusjo.jpg/), I need to make sure that the the left and right border (table background images) have (dependent on the current box-size) the correct size.

    Since the box-size its self is fixed by its content, I achieve this by changing background-size of both left and right table cells (eg. I make sure, that background-size is set to the best integer multiple of the actual image, this might scale the image a bit [not much], but makes sure, that left and right border fits to the box footer).

    This works really well in Firefox, but when I use IE9, the background-size does not take effect (the background images aren't scaled at all).

    I tested a few other background-size examples and it looks like IE9 does not support background-size when background-repeat is enabled (repeat), for no-repeat it works.

    So my question is, is that a problem with my Internet Explorer (Version 9.0.8112.16421) or is that again a problem with lovely microsoft?
    (According to http://msdn.microsoft.com/en-us/libr...=vs.85%29.aspx, IE9 should support background-size)

    Furthermore, If I can't getting it working this way in IE9, does somebody have an idea, how I can achieve this effect: resizeable, repeatable (background-)image.

    PS: My example test-suite: http://commandersirow.hostzi.com/tem...ize/slice.html
    Share on Google+

  2. #2
    Join Date
    Dec 2011
    Nevermind, mistake on my side, because I forgot using doctype in my little test-suite.
    Share on Google+

Thread Information

Users Browsing this Thread

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

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