Закругленные углы, это особенность Mozilla?

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

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

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

Обновлять

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

Отсутствие закругленных углов вряд ли оттолкнет.

Magnar 24.09.2008 11:38

Фактически IE отчуждает собственных пользователей.

Rich Bradshaw 21.05.2010 17:55
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
1
2
650
5
Перейти к ответу Данный вопрос помечен как решенный

Ответы 5

Я предлагаю просматривать сайт из IE или другого браузера. Бьюсь об заклад, у вас другая разметка.

только сделал, а нет они углы квадратные ... странно!

public static 24.09.2008 06:49
Ответ принят как подходящий

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


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

Думаю, это зависит от того, как вы на это смотрите. IE также отчуждает свою пользовательскую базу.

public static 24.09.2008 06:51

Если квадратный угол вас отталкивает, вам трудно угодить, и не ошибитесь ;-)

Steve Jessop 24.09.2008 07:04

Разве border-radius не является стандартным свойством css3? Я думал, что W3C закончил протокол css3.

Dennis 21.05.2010 18:20

CSS3 все еще находится в стадии разработки; это еще не стандартизовано

John Millikin 22.05.2010 00:45

-Moz специфичны для firefox, -webkit для safari, chrome и некоторых других браузеров, которые используют этот движок рендеринга.

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

Соответствующий бит спецификации CSS3: w3.org/TR/css3-background/#the-border-radius

Jonny Buchanan 24.09.2008 06:49

Это не «теги» или «атрибуты», это свойства CSS.

Jim 24.09.2008 06:55

Это для Firefox (помеченные -moz-border) и для Safari (-webkit-border).

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

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

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

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

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

Другие вопросы по теме