Скругление углов картинок на клиенте

Скругление углов картинок на клиенте

HTML

<div class="b-img-radius" style="background: url(i/tmp/1.jpg); width: 250px; height: 167px"></div>

CSS

.b-img-radius {
  zoom: 1;
  position: relative;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: inline-block;
  vertical-align: top;
}

  .b-img-radius img {
    display: block;
    visibility: hidden;
  }

Для ИЕ6-8 подключаем в css css3pie

behavior: url(css/PIE.htc);

Демо

НУ или все же воспользоваться явой к примеру
CurvyCorners о котором я когда-то писал http://www.curvycorners.net/.

Оставить комментарий

Ваш электронный адрес не будет опубликован. Обязательные поля помечены *