Использование Firefox только CSS для скругления углов элементов?

Question

Я только что заметил, что в Stack Overflow используется только CSS Firefox для скругления углов пользовательских значков на первой странице. Это интересная идея, но каковы подводные камни и преимущества использования Firefox только CSS (кроме очевидных)?

-moz-border-radius:6px;
-webkit-border-radius:6px;

Вверху: CSS, используемый для скругления углов на главной странице переполнения стека.

Answer 1

Основная проблема, на мой взгляд, в том, что ваш css не будет проверяться. Кроме этого, я не вижу причин, почему бы не использовать этот тип платформенных функций, поскольку они не наносят вреда пользователям, чьи браузеры не поддерживают эти функции.

Answer 2

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

В целом это ситуативно; Я полагаю, что доля пользователей, использующих Firefox, выше, чем обычно, поэтому проблема с IE не так актуальна. А закругленные углы - это незначительное визуальное улучшение, поэтому, если некоторые люди видят это, а некоторые - нет, это не так уж и важно.

Answer 3

Я согласен с BeefTurkey .

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

И, в конце концов, CSS3 будет ратифицирован, а border-radius будет стандартизирован. Префиксные стили -moz, -webkit и -ms могут быть удалены и заменены их стандартными эквивалентами. Ваш CSS будет проверен, и люди, использующие браузеры, которые не поддерживают CSS3, будут все еще иметь вполне приемлемый опыт работы с людьми, использующими браузеры, которые поддерживают CSS3, получат улучшенный опыт.

В качестве альтернативы вы можете продолжать использовать собственный CSS в дополнение к любым стандартам, чтобы предоставить расширенные возможности для еще большей аудитории. Это будет зависеть от того, сколько усилий потребуется для поддержки всего того, что требуется от CSS, и от того, насколько важно, по вашему мнению, расширенный опыт для вашей аудитории.

Answer 4

Работает в Firefox и браузерах на основе Webkit (особенно Safari и Chrome). Нет альтернатив для IE или Opera.

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

Это также смехотворно легко реализовать и, безусловно, работает для более половины людей на этом сайте.

Answer 5

Подводные камни, разумеется, не поддерживаются другими браузерами и не указаны в спецификации W3C.

Текущая реализация плохая (как в Firefox, так и в WebKit), поскольку они не разделяют синтаксис.