26

我正在一个有几个单选按钮的网站上工作。在大多数浏览器中,一切看起来都很好,但在 IE11 中,一些单选按钮看起来像粘糊糊的眼睛。现在,这是 IE11 中的错误还是我做错了什么?

编辑:真实网站的屏幕截图:

在此处输入图像描述

下面是一个例子(在IE11中试试看效果):http: //jsfiddle.net/TjZA5/

这是我的浏览器(Windows 7 上的 IE11)的放大屏幕截图: 在此处输入图像描述

您可以清楚地看到中心圆盘和外圆之间的不同间距。HTML 是相同且有效的(大量<input type="radio" checked="checked">元素),CSS 也是如此(只是一点边距使效果更明显)。我想知道这是否是 IE 渲染代码中的舍入错误?

更新:我将此问题作为反馈项目提交给 Microsoft Connect ( http://connect.microsoft.com/IE/feedback/details/814911/radio-buttons-look-like-googly-eyes-in-ie11 ) 并得到回复说这是一种视错觉。我不这么认为,所以我提供了更多示例。我现在更加确信这是 IE 中的一个错误,但我将不得不拭目以待。

在 Windows 10 中更新重新 Edge 浏览器:

我注意到这个问题在微软最新的浏览器 Edge(Windows 10 附带)中仍然存在:

Edge中的Googly Eyes

Microsoft Connect 问题尚未更新,所以我想我们现在只能使用 googly 的单选按钮。

更新:Microsoft Connect 问题关闭为“无法修复”

我在 developer.microsoft.com 上创建了一个新问题:https ://developer.microsoft.com/en-us/microsoft-edge/platform/issues/7114234/ ,希望他们有一天能修复它。

更新:微软已经更新了这个问题,说它已经修复了!

https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/8516392/

我还没有机会在 Windows 10 的新版本上对此进行测试,但会尽快进行。

4

2 回答 2

10

您在 Microsoft Connect 上收到的回复并非来自 Microsoft。这是我们正在跟踪的一个已知问题。我认为这与我们的亚像素定位逻辑有关,但它绝对是我们正在跟踪的东西。您应该很快就会在 Connect 中看到此更新。

于 2014-02-03T23:54:06.743 回答
2

@TheGermanOne - 我同意这是一个错误。对于 IE 11 和 Chrome,我得到的结果与下面显示的相同。IE 放大后看起来还不错,但 100% 很糟糕 :(

取自您的 jsfiddle。

铬合金:

铬合金

IE:

在此处输入图像描述 在此处输入图像描述

于 2014-01-29T13:05:40.320 回答