Проблема диагональных бордеров и Firefox

[dom1n1k]

Некорректное применение transparent — это общее место.
Я встречал такую ошибку даже (только подумать!) у Lea Verou.

[Flex25]

Спасибо, очень полезная статья. А то, что короткая — еще лучше.

[a553]

Баг исправлен 2 года назад, если что.

[alspaladin]

У меня второй кейс живее всех живых с 35ой версией и на убунте и на маке. Первая же ссылка на демку позволяет убедиться в этом

[a553]

Действительно, если сильно приблизить то можно увидеть небольшую разницу.

Забавно, что scale(0.9999) добавляет ещё один однопиксельный бордер слева.

[alspaladin]

По моему, ничего приближать не нужно, разница налицо, сравните третий и четвертый треугольники

[a553]

Win 8.1, FF 38, ratio = 2

ratio = 1

[alspaladin]

Значит, делаем вывод, что мак и линукс рендерят не так, как вин8, что тоже полезно знать и учитывать при вёрстке.

[a553]

Мне кажется цена «учитывания», а то и исправления таких проблем слишком большая, а польза — слишком маленькая.

Меня, например, бесит, как Chrome рендерит шрифты, а здесь я бы и не заметил ничего.

А Firefox по-другому стал рисовать некоторые элементы, после того как я сменил производителя видеочипа (будь ты проклят, AMD).

Не учитывать же всё это.

[alspaladin]

Вообще, зависит от аудитории сайта и распределения по осям и браузерам. Но, конкретно в этом случае фикс настолько безхитростный и хак никак не задевает рабочие версии, что можно не переживать об этом совсем.

[a553]

То есть однопиксельный бордер слева вас не волнует? :)

[alspaladin]

Машины с вин8 дома нет, поэтому посмотреть на это не могу. На маке и линуксе никакого бордера не возникает.

[Prometheus]

У IE, при работе с бордерами, есть схожая проблема.
Берем блок, красим его в цвет и скругляем углы.
Сделайте скриншот в IE и смотрите края этого блока. Этот «гений» рендеринга, с одной из сторон антиалиасинг присобачит. Получается, как бы рамочка, вместо однотонного цвета у блока, прибавляется пиксельная полосочка осветленного цвета…

[elanc]

Я очень извиняюсь, что не осталось образца… Но, в свое время, очень выбесил этот баг — www.youtube.com/watch?v=3jeDmXSJcQs
Наблюдалось на FF36.

[a553]

А меня бесят те, кто так делает меню. Убрал мышь с элемента — он пропал. С тачем не работает. Делайте нормальным способом.

[elanc]

Ваша правда, но потенциальный посетитель моих сайтов — домохозяйки, сидящие, порой, под IE6… *здесь я плачу кровавыми слезами*

[elanc]

Дело не в скорости обработки события. Firefox считает, что между меню и подменю есть свободное пространство в 1px, хотя, как вы видите, визуально его нет.