Чистый треугольник CSS выглядит размытым в Firefox

Я пытаюсь использовать чистый треугольник CSS, используемый в этой статье, в CSS-трюках http://css-tricks.com/snippets/css/css-triangle/ но в firefox 14 вид размытый. Можно ли это как-то исправить или это просто FF не правильно рендерит?

РЕДАКТИРОВАТЬ: вот скриншот того, как это выглядит http://awesomescreenshot.com/0fcf904eb. Я думал, что это общий проблема, поэтому я просто поместил ссылку на статью, извините за это


css firefox blurry
person Javier Villanueva    schedule 06.09.2012    source источник
comment
Вместо того, чтобы указывать на учебник, как насчет размещения ссылки на ваш пример или изображение?   -  person j08691    schedule 06.09.2012
comment
Извините за это, я только что отредактировал свой вопрос   -  person Javier Villanueva    schedule 06.09.2012

Ответы (4)


arrow_upward
1
arrow_downward

используйте border-style: dotted;, чтобы избавиться от размытого края на FF. В принципе, все, кроме border-style: solid;, должно работать. Это может быть исправлено в последней версии FF, но я определенно столкнулся с той же проблемой, что и вы, но не смог протестировать разные версии FF.

Для записи я был на FF (я думаю, 15) winXP

person Luca    schedule 29.10.2012
comment
Просто примечание: это ломается в FireFox 21. Вы начнете получать действительно неприятные полу/полуцвета с чем угодно, кроме сплошного цвета. - person Will Lanni; 15.06.2013

arrow_upward
6
arrow_downward

У меня была такая же проблема. Оказывается, это было что-то с моим графическим драйвером.

Проверьте настройки Anisotropic Filtering в драйвере 3D-графики. У меня были установлены Override Application Settings и 16x. После изменения его обратно на Use Application Settings и перезапуска Firefox размытость исчезла.

person JustMaier    schedule 16.01.2013
comment
У меня была та же проблема, что и у спрашивающего, и это решение решило ее для меня (для моей видеокарты nVidia). - person Michael Tang; 24.06.2013
comment
На прошлой неделе я думал, что в Firefox была ошибка, потому что я не видел размытого CSS в Chrome или другом браузере. После восстановления настроек nVidia по умолчанию все снова выглядит нормально. Спасибо! - person moollaza; 26.02.2015

arrow_upward
0
arrow_downward

Скриншот был бы хорош. Это может быть что-то, что будет отличаться от устройства к устройству, мониторам и т. д. Вы смотрели на свои результаты на разных устройствах? Я склонен думать, что это будет вне вашего контроля.

person vector    schedule 06.09.2012
comment
Теперь, когда вы упомянули об этом, я только что проверил на другом ПК с Win7 и ЭЛТ-монитором, и он выглядит нормально, тогда это может быть что-то не связанное с FF, есть идеи? - person Javier Villanueva; 06.09.2012
comment
... нет, не совсем так, как есть. Вы можете использовать css или изображение, поскольку вы не можете контролировать, какая комбинация браузера и оборудования будет использоваться для его просмотра. - person vector; 06.09.2012

arrow_upward
0
arrow_downward 

-moz-transform: scale(.9999);

Я решил проблему.

person Rijo    schedule 11.10.2015