karlhorky/gray

IE10 / 11 / Edge 20 bug with img padding, parts of colored image visible as background

Opened this issue · 8 comments

Deleted user commented

If a simple <img> has a padding in IE11/Win7, the image becomes gray but the colored version of the image is partially visible in the padding area "behind" the gray image.

IE11 bug: http://jsfiddle.net/41weta35/

IE11 (ugly and bad) workaround: http://jsfiddle.net/41weta35/1/

Thanks for the great project.

Also in this example: A colored border stays colored with IE11 and becomes gray with FF.

karlhorky commented

Sorry for the long wait on this, I'll be taking a look at issues again soon.

karlhorky commented

And thanks for the bug report.

karlhorky commented

Fixed in 1.4.3

Deleted user commented

Tried with 1.4.4, a new bug is there, now the image is too small. :-(

Testcase IE11: http://jsfiddle.net/41weta35/4/

Also in this example: The border is colored in IE11 while it is gray in FF.

karlhorky commented

Ah, you are correct, there is a bug with the size now: #48

As for the border color, I've documented this inconsistency. Workaround here: http://jsfiddle.net/karlhorky/nmtb6mk1/2/

karlhorky commented

Size issue is fixed in 1.4.5.

Deleted user commented

Still getting wrong padding with IE11 latest / Win 7.

gray-1 4 5-ie11

Testcase IE11: http://jsfiddle.net/41weta35/8/

karlhorky commented

Thank you. Indeed it is still not working - my test on the demo website works, but it doesn't work in jsfiddle. Opening #67 to track this.

I've updated your demo with a https CDN url too: http://jsfiddle.net/41weta35/9/