2

Мой Internet Explorer 11.0.13 неправильно отображает все css-элементы с положительным радиусом границы: он показывает диагональные линии и заштрихованные области над компонентом, иногда делая его неразборчивым. Это происходит на всех страницах. Если я установлю для этого элемента border-radius в 0, они будут отображаться правильно. Вот скриншот, который показывает проблему на главной странице Google.

Я отключил рендеринг GPU, но это не решило проблему. Может кто-нибудь предложить другие решения или хотя бы сказать мне, как называется это явление, чтобы я мог его искать?

Я использую Windows 8.1 Pro на HP 840G.

Добавлено 10 января 2015:

Вот небольшой пример:

<!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>

Это выглядит следующим образом:

5 ответов5

4

Это ошибка в IE11, о которой несколько раз сообщается в Microsoft Connect, но, похоже, Microsoft не понимает ее.

Мне удалось восстановить правильное отображение, добавив следующую строку в заголовок:

<meta http-equiv="X-UA-Compatible" content="IE=10" />

Это переводит IE11 в режим совместимости IE10, где border-radius отображается правильно:

образ

1

Отключение представления совместимости IE11 может помочь:

  1. Alt+T или Настройка (значок шестеренки)
  2. Выберите Compatibility View Settings
  3. Снимите флажок Display intranet sites in Compatibility View
  4. Перезапустите IE11

Подробнее читайте в статье Исправление: CSS-радиус границы не работает в Internet Explorer 11.

0

Попробуйте очистить кеш.

Войдите в IE и нажмите Ctrl+Shift+Delete.

Затем отметьте / снимите флажки с следующих полей, как показано на рисунке.

Нажмите эту

Затем подождите, пока он удалит все эти файлы (это может занять минуту или две), и когда это будет сделано, обновите страницу.

0

Я столкнулся с той же проблемой в IE 11, Edge и Firefox 57.0 (64-разрядная версия) после обновления Windows 8 до Windows 10. В конечном итоге обновление драйверов графической карты решило проблему.

0

Поскольку это происходит как в Skype, так и в IE, я бы посмотрел на ваши настройки CSS, так как он работает во многих частях Skype и, возможно, может быть использован на веб-странице Google, как вы отобразили. Если это не решит проблему, я протестирую вашу видеокарту на другом компьютере, чтобы увидеть, появляется ли та же проблема. Если это произойдет, то я бы заподозрил, что видеокарта плохая.

Со страницы поддержки Skype:

There are a few solutions to this problem. 
You can either revert your .css settings to the Windows default by applying a registry patch, patch the 
Skype local web page, or downgrade to Skype 6.9 or below.  Hopefully the problem will be addressed in a 
future release.


.css registy patch
http://community.skype.com/t5/Windows-desktop-clie​nt/Skype-6-10-0-104-BIG-Login-screen-problem/m-p/2​...

-- or --

Skype local web page patch (location: the index.html @ %programdata%\Skype\Apps\login\)
http://community.skype.com/t5/Windows-desktop-clie​nt/Skype-UI-issues-after-updating-to-6-10/m-p/2114​...

Я знаю, что это только для Skype, но если что-то не так с вашими настройками CSS, это повлияет и на ваши веб-страницы, так как многие элементы, такие как кнопки (как вы показали), отображаются с использованием CSS.

Надеюсь, это поможет некоторым!

Всё ещё ищете ответ? Посмотрите другие вопросы с метками .