1. Главная
  2. Форумы
  3. Техподдержка Drupal
  4. Решение проблем

[РЕШЕНО]СSS 3

Главные вкладки

Аватар пользователя SunMar SunMar 20 ноября 2009 в 23:46

Проблема такова: Изначально брал за основу тему bluemarine. Но переделал ее очень сильно. Сегодня начал добавлять к ней мелкие детали.
добавляю в style.css
.block {
border: 2px solid #c0943c;
border-radius: 2px;
padding-bottom: 1em;
margin-bottom: 0.5em;

Но изменения не происходит в частности не скругляются края у рамки. Это насколько я знаю нововведение css 3.
Как это исправить?

Комментарии

Аватар пользователя SunMar SunMar 21 ноября 2009 в 0:10

Если бы все так было просто Smile
Ни Firefox 3.5, ни Opera 10, ни Chrome не воспринимают эту строчку:
border-radius: 2px;
в чем моя ошибка?

Аватар пользователя Dan Dan 21 ноября 2009 в 1:33

Это к друпалу никакого отношения не имеет. Если сомневаетесь - попробуйте у любого блока на этом сайте сделать border-radius: 12px; (2px - трудно заметить, может в этом причина?)

Ну проверить doctype - само собой, если вы знаете слова CSS3 и border-radius Smile

Аватар пользователя graydon graydon 21 ноября 2009 в 9:43

Указать для конкретных браузеров:
.block {
border: 2px solid #c0943c;
border-radius: 2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
padding-bottom: 1em;
margin-bottom: 0.5em;
}