Описание вопроса
Виталий, здравствуйте! Подскажите, не получается закруглить края у див элемента!
Точнее получается, но только в гугл хром, а в мазиле и опере не работает!
Делаю так:
<div style="border-radius: 10px;"></div>
Заранее спасибо!
Ответ
Добрый день!
Для того, чтобы это правило (закругление элемента) корректно работало в всех браузерах – нужно прописать данное правило для каждого браузера.
Например, у нас есть div блок с классом – “my_class”:
<div class="my_class"></div>
Теперь пропишем соответствующие css правила для каждого браузера, которые сделаю закругления с радиусом в 10px:
.my_class{
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
Все, теперь элемент должен корректно (с закруглениями) отображаться в разных браузерах.