2012-04-03 2 views
0

Может ли кто-нибудь сказать мне, что такое -moz-border-radius?Что такое -moz-border-radius?

Я понимаю, что это один из расширений Mozilla CSS, но я не понимаю, для чего он действительно используется.

Я попробовал следующий пример в Firefox, и оба border-radius и -moz-border-radius делают то же самое.

См. Это jsFiddle example в Firefox.

Спасибо.

+0

http: //reference.sitepoint.com/css/vendorspecific – stewe

ответ

1

Поставщики браузеров часто используют префикс (например, -moz- или -webkit- и т. Д.) Для реализации функций до того, как они станут стандартом. Для обратной совместимости они иногда продолжают поддерживать префиксные версии после стандартизации.

Я на самом деле считаю, что в случае -moz-border-radius, border-radius не совсем идентичен, как Mozilla по-разному реализован border-radius свойства, как спецификации, наконец, оказались, в то время как все остальные реализовал стандарт. Вы не заметите разницы, если используете для этого только одно значение (-moz-border-radius: 10px и border-radius: 10px ведут себя одинаково, но -moz-border-radius: 10px 8px 4px 12px и border-radius: 10px 8px 4px 12px не (если я не ошибаюсь)).

+0

'-moz-border-radius' был одним из самых скрипичных префиксных свойств CSS3, когда он был впервые реализован в Firefox 2, с ** без сглаживания ** на круглых углах. – BoltClock

+0

Спасибо @powerbuoy за ваше объяснение. – neo108

+1

На самом деле, '-moz-border-radius' - это просто псевдоним для' border-radius'; Mozilla не сохраняет прежнее поврежденное поведение для префиксных свойств, в отличие от некоторых других браузеров, при реализации окончательной спецификации. –

3

-moz-border-radius - это более старая версия объекта. Вы можете увидеть соответствующие версии в compatability table на MDN.

В Gecko 2.0 -moz-border-radius переименовывается в радиус границы. -moz-border-radius поддерживался как псевдоним до тех пор, пока Gecko 12.0 не включился. Чтобы соответствовать стандарту CSS3, Gecko 2.0:

  • изменяет обработку значений в соответствии со спецификацией. Вы можете указать эллипс как границу для элемента произвольного размера, только с граничным радиусом: 50%;
  • делает закругленные углы содержания клипа и изображения (если переполнения: видимые не установлены)

Примечание: Поддержка приставкой версии (-moz-границы радиуса) была удалена в Gecko (Firefox 13.0 13.0/Thunderbird 13,0).

+0

Спасибо @Dennis за ваш ответ и включили ссылку на таблицу совместимости браузера. – neo108

0

border-radius is a CSS3 property which is part of the 'Border' module.

-moz-border-radius является проект реализации Mozilla этого CSS3 свойства.

Mozilla поддерживает ряд расширений для CSS с префиксом -moz-.

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

После стандартизации и поддержки варианта с префиксами префиксные свойства отбрасываются. [Source]

Смежные вопросы