Закругление уголков у блоков с рамками

Есть одно кроссбраузерное решение закругления любых уголков (даже если у нас нет фона, а просто бордер)
http://rmcreative.ru/blog/post/krossbrauzernyy-border-radius

.my-block {
  /* Для хороших браузеров */
  -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px; /* Safari, Chrome */
  -khtml-border-radius: 10px; /* KHTML */
  border-radius: 10px; /* CSS3 */
  /* Для плохих IE */
  behavior: url(border-radius.htc); /* учим IE border-radius */
}

Полная спецификация браузеров , поддерживающих закругление легально здесь:
http://www.the-art-of-web.com/css/border-radius/
Вкратце:
CSS3 (Opera browser) Mozilla equivalent WebKit equivalent
border-top-right-radius -moz-border-radius-topright -webkit-border-top-right-radius
border-bottom-right-radius -moz-border-radius-bottomright -webkit-border-bottom-right-radius
border-bottom-left-radius -moz-border-radius-bottomleft -webkit-border-bottom-left-radius
border-top-left-radius -moz-border-radius-topleft -webkit-border-top-left-radius
border-radius -moz-border-radius -webkit-border-radius

Ну и напоследок, никто не отменял плагин к jQuery corners, но он работает только к фоновым блокам

Прикреплённые файлы: 

Комментарии

Добавить комментарий