Правило перекрестного браузера CSS3
У меня есть глупый вопрос,
Если я хочу добавить круглый угол для элемента в браузерах, которые поддерживают некоторый материал CSS3, я должен повторить стиль несколько времен для каждого браузера, потому что это отличается?
Поскольку исключая:
-moz-border-radius: 12px; /* FF1+ */
-webkit-border-radius: 12px; /* Saf3+, Chrome */
border-radius: 12px; /* Opera 10.5, IE 9 */
Это означает, что я должен добавить 3 стиля для этой границы радиуса, не так ли?
3 ответа
Отказ от ответственности: надеюсь, вы нашли это через год после того, как я его написал, и теперь это совершенно неверно, и у нас есть стандарт, ура!
Пока да, это правильно ... вам нужны все правила.
К сожалению, это результат того, что спецификация была реализована в процессе изменения, но именно так Интернет развился так далеко, иногда спецификация движет разработкой, чаще всего в Интернете, браузеры делают изящные вещи, а это спецификация позже.
Надеюсь, когда спецификация будет завершена, у нас будет только border-radius: 12px; . Поскольку Firefox и Chrome запускают автоматические обновления (не уверены в Safari?), Это гораздо более вероятно, в отличие от пользователей IE, которые никогда не обновятся.
border-radius - официальное правило CSS3 для добавления радиуса границы. Однако, как указывает Ник, это поддерживается не во всех браузерах, поэтому вам нужно добавить соответствующие версии, чтобы заставить его работать в максимально возможном количестве браузеров.