Глюки при відображенні border-radius в Windows 10

Зовсім недавно тисячі охочих оновили свої PC на нову версію Windows — 10. Ніби добре, система нова, і браузер, Edge, який звільнить розробників від великої кількості проблем. Але сьогодні з ранку мені прислали чудовий скріншот одного з моїх сайтів і я вирішив розібратися «що до чого».


Фото було ось такого вигляду:



І це мене зацікавило, тому що ніяких блоків такого кольору на сайті і в помині немає. А от зелені дерева на тлі присутні.

Розгорнув Windows 10 в Virtualbox і побачив дещо іншу, але не менш дивну картинку…
Артефакт у верхнього лівого кута меню і підкладки під текстом.

Почав рандомно вибирати сайти, виявилося що так дивує border-radius, причому, відсоток глючності рандомно скаче незалежно, чи є у блоку бордюр, який у нього фон і т. д. Від тега теж явно нічого не залежало, і тільки при відключених заокругленнях все змальовувалося як треба.



Попутно знайшов дивні артефакти на логотипі в SVG:



На жаль, під рукою не було PC-ноута, вдома ще раз перевірю все це на живому залозі, але в Virtualbox видалення драйвера вирішило проблему і з SVG і з заокругленнями. Що робити на реальному залозі — мабуть, чекати нормальних драйверів на відеокарту. Або встановити їх самостійно. Мабуть драйверів від Windows 8 не підходять на 100%, а майже всі оновлювалися зі старої системи. Чую, запитів від клієнтів на цю тему додасться в найближчі дні.

Після видалення драйвера:



І якщо хтось сумнівається, що це у мене така верстка крива — скрін twitter з цієї ж машини:



Джерело: Хабрахабр

0 коментарів

Тільки зареєстровані та авторизовані користувачі можуть залишати коментарі.