Можно ли использовать CSS круглые углы и все же пройти валидацию?

Question

IIRC Ситуация такова, что IE просто не поддерживает закругленные углы, но некоторым другим браузерам нужны специфичные для браузера расширения ... FF или веб-набор, я не помню.

Я счастлив использовать его в некоторых случаях и позволить IE отступить на квадратные углы, но использует проверку на разрыв CSS-расширения браузера ... Мне очень нравится, когда мой сайт проверяет И работает на IE6.

Answer 1

border-radius будет проверяться по CSS3 и будет работать в IE9 и Opera 9.5 +.

Для поддержки закругленных углов в Gecko (Firefox) и WebKit (Safari, Chrome) вам понадобятся расширения для поставщиков -moz-border-radius и -webkit-border-radius. В конце концов (когда-нибудь, когда CSS3 Background and Borders достигнет стадии Рекомендации), эти браузеры также будут поддерживать простое свойство border-radius, но пока они этого не делают, так как есть еще некоторые проблемы, которые нужно решить точный синтаксис для определенных эллиптических и множественных углов.

Свойства расширения -vendor-x никогда не будут проверены, что является позором, но они определены самим CSS как безопасные, поэтому вы можете спокойно игнорировать эти ошибки.

Answer 2

Я думаю, что большинству браузеров больше не нужны определенные расширения: просто используйте border-radius и убедитесь, что вы проверяете свой CSS как CSS3 (а не CSS 2.1, который используется по умолчанию для валидатора W3C).

Answer 3

Неправильный HTML / CSS - это не то, почему страницы ломаются в браузерах, таких как IE6, а потому, что они не соответствуют стандарту.

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