2
0
My Internet Explorer 11.0.13 renders all css-elements with a positive border-radius incorrectly: it shows diagonal lines and shaded areas over the component, at times making it illegible. This happens on all pages. If I set the border-radius to 0 for these elements, they are rendered correctly. Here is a screenshot that shows the problem on Google's home page.
I turned off GPU rendering, but that did not solve the problem. Can anyone suggest other solutions, or at least tell me what this phenomenon is called, so that I can search for it?
I'm using Windows 8.1 Pro on an HP 840G.
Added 10 January 2015:
Here's a small example:
<!DOCTYPE html>
<html>
<head><style>
div {
width: 50px;
height: 50px;
background-color: black;
}
</style></head>
<body>
<div style="border-radius:0px"></div><br>
<div style="border-radius:5px"></div><br>
<div style="border-radius:10px"></div><br>
<div style="border-radius:25px"></div>
</body>
</html>
This renders as follows:
roelandvanbeek
Posted 2014-11-11T20:47:43.577
Reputation: 79
1Have you tried resetting IE through "Internet Options"? – Kinnectus – 2015-01-02T21:08:48.960
Please post your html & css. You could also try the workarounds in this post.
– harrymc – 2015-01-04T16:54:54.817@roelandvanbeek: You could try resetting your Windows theme in case it is corrupt since it is possible for it to cause glitches in IE. – James P – 2015-01-05T11:47:04.163
Does this also happen if you log in in Safe Mode (with Networking)? How about if you log into Normal Mode as a different user? Have you ensured your video drivers are up-to-date with the latest available version? – Ƭᴇcʜιᴇ007 – 2015-01-07T14:43:35.147
I know this might be less than ideal, but have you considered trying another browser to see if it behaves differently? – jcoc611 – 2015-01-08T05:06:44.310
Does this happen in other programs or just IE? Try running a video card test and see if it appears then too. You need to narrow it down if it is app specific or something else. – Eric F – 2015-01-08T14:54:34.163
1@Ƭᴇcʜιᴇ007: yes, also happens in safe mode, also as a different user. Video drivers are up to date. – roelandvanbeek – 2015-01-09T12:45:44.607
1@EricF: I wish I knew how to narrow it down - if only someone could tell me how to describe this issue... Anyway, it doesn't happen in other browsers, only IE. It also happens in Skype in Metro interface, but I think the application runs on HTML5 and IE is rendering it. – roelandvanbeek – 2015-01-09T12:48:05.440
What's your screen resolution set to? Is it correct for your monitor? What colour depth is your desktop (15-Bit, 16-Bit, 24-Bit, 32-Bit)? What happens if you connect an external monitor to the laptop? – Kinnectus – 2015-01-09T14:42:54.263
This is probably a bug in IE11, but analyzing it requires posting your html & css (as I requested above but without any response from you). – harrymc – 2015-01-09T19:09:31.553
As my solution suggests, along with harrymc, it probably has to do with your css – Eric F – 2015-01-09T19:10:50.043
2@harrymc Sorry, I probably didn't make clear that this happens on any page, for any element with non-zero border-radius. Either way, as per your request, I also added an example to the question. – roelandvanbeek – 2015-01-10T14:14:14.480