Skip to content Skip to sidebar Skip to footer

Ghostly 'border' Appears With Border-radius In Ie11 And Edge

In IE11 and Edge (on Windows 10), the following HTML/CSS displays a strange, transparent border where there shouldn't be.

Solution 1:

It looks like IE is rendering a transparent border to display the border-radius but picks the 'background' color further down the layers than it should (in my sample, using red instead of white).

So I went with workarounds...

On my actual page, two elements are having this bug. For one my workaround was to set the background-color of another element further behind the one with border-radius and for the other to set an actual border the same color as the element's background.

Post a Comment for "Ghostly 'border' Appears With Border-radius In Ie11 And Edge"