IE9: Border-Radius of Lists/Buttons #1933

Closed
negue opened this Issue Jun 27, 2011 · 1 comment

3 participants

@negue

The background gets painted outside the border, already tried to fix this myself but I failed...

Anyway, this Screenshot is taken with IE9 and http://code.jquery.com/mobile/latest/demos/#/mobile/latest/demos/docs/lists/lists-themes.html

http://dl.dropbox.com/u/1760223/jquery-mobile-ie9-border-radius.PNG

@toddparker

Yes, this is a known issue with the IE9 rendering issue with the gradient filter: and border-radius:
http://stackoverflow.com/questions/4652793/border-radius-bug-on-a-in-ie9

Interesting thread about the issue:
https://github.com/paulirish/html5-boilerplate/pull/354

@scottjehl scottjehl was assigned Jun 27, 2011
@scottjehl scottjehl pushed a commit that closed this issue Jul 11, 2011
scottjehl adjusted css3 prefixing for background gradients to a) increase brows…
…er support for standard prefixed gradients, and b) remove -ms filter gradients due to a rendering issue in IE9 that conflicts with border radius. Gradient support is set for IE10, however. More info on this bug and decision can be found at issue #2046. Fixes #2046. Fixes #1933. Addresses a portion of #13 as well.
e5e198a
@scottjehl scottjehl closed this in e5e198a Jul 11, 2011
@timmywil timmywil pushed a commit that referenced this issue Oct 24, 2011
scottjehl adjusted css3 prefixing for background gradients to a) increase brows…
…er support for standard prefixed gradients, and b) remove -ms filter gradients due to a rendering issue in IE9 that conflicts with border radius. Gradient support is set for IE10, however. More info on this bug and decision can be found at issue #2046. Fixes #2046. Fixes #1933. Addresses a portion of #13 as well.
9e8e359
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment