Закругленные углы, это специфично для Mozilla? - PullRequest
1 голос
/ 24 сентября 2008

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

-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px; 
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;

Я гуглил, а они, похоже, специфичные для Firefox теги?

Обновление

Сайт, на который я смотрел, был твиттер, странно, что такой сайт отчуждает их пользователей IE.

Ответы [ 5 ]

8 голосов
/ 24 сентября 2008

Свойства -moz-* только для Gecko (Firefox, Mozilla, Camino), свойства -webkit-* только для WebKit (Chrome, Safari, Epiphany). Специфичные для поставщика префиксы являются общими для реализации возможностей CSS, которые еще не были стандартизированы W3C.


Твиттер не «отталкивает» своих пользователей IE. Просто добавьте стиль для браузеров, которые его поддерживают.

1 голос
/ 24 сентября 2008

-moz относятся к Firefox, а -webkit - для safari, chrome и некоторых других браузеров, использующих этот механизм рендеринга.

Это ранние реализации атрибутов, которые определены в CSS3, поэтому они будут поступать в будущем без префиксов.

0 голосов
/ 24 сентября 2008

Да, все что с -moz перед ним будет работать только в Firefox.

-webkit будут работать только в браузерах на основе webkit, таких как Safari, Chrome или Webkit.

См. здесь , чтобы узнать, как сделать закругленные углы с помощью обычных тегов CSS.

Редактировать: я не думаю, что отсутствие закругленных углов точно отталкивает, просто немного отличается от IE.

Полный список всех стилей -moz и -webkit css, если кто-то хочет знать

0 голосов
/ 24 сентября 2008

Это для Firefox (с пометкой -moz-border) и для Safari (-webkit-border).

0 голосов
/ 24 сентября 2008

Я предлагаю просматривать сайт из IE или другого браузера. Могу поспорить, вы получите другую наценку.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...