Я работаю над сайтом, на котором есть несколько переключателей. В большинстве браузеров все выглядит отлично, но в IE11 некоторые из переключателей выглядят как googly глаза. Теперь, это ошибка в IE11, или я делаю что-то неправильно?
Изменить: снимок экрана реального веб-сайта:
Вот пример (попробуйте в IE11 увидеть эффект): http://jsfiddle.net/TjZA5/
Здесь увеличенный снимок экрана из моего браузера (IE11 в Windows 7):
Вы можете четко видеть различное расстояние между центральными дисками и внешними кругами. 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, но мне придется подождать и посмотреть.
Обновление re Edge браузера в Windows 10:
Я заметил, что эта проблема сохраняется в последнем браузере Microsoft, Edge (который поставляется с Windows 10):
Проблемы с Microsoft Connect не были обновлены, поэтому я предполагаю, что мы застряли с googly eyed radio buttons.
Обновление: проблема Microsoft Connect закрыта как "Не исправить"
Я создал новую проблему на developer.microsoft.com: https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/7114234/ в надежде, что они исправит ее день.
Обновление: Microsoft обновила проблему с исправлением!
https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/8516392/
У меня еще не было возможности проверить это на новой версии Windows 10, но сделаю как можно скорее.