Граница Chrome изображения вокруг закругленных углов исчезает - PullRequest
Новая
       5

Граница Chrome изображения вокруг закругленных углов исчезает

5 голосов
/ 14 июля 2011

Итак, вот в чем проблема: http://bildr.no/view/927562

При ближайшем рассмотрении: http://bildr.no/view/927563

Как видите, граница для каждогоповорот становится невидимым.Это код CSS для изображения: 

#contentImage {
  float: left;
  border: 1px solid #C4C4C4;
  border-radius: 8px;
  margin-right: 25px;
}


<img src="images/image.jpg" id=contentImage" />

Любая помощь будет очень приветствуется :-)

1 Ответ

5 голосов
/ 14 июля 2011

Это печальная ошибка веб-набора.Единственный обходной путь, о котором я знаю, - это преобразовать ваше img в div и затем поместить img в качестве фонового изображения: 

#contentImage {
  background: url('http://placehold.it/100x100') top left no-repeat;
  width: 100px;
  height: 100px;
  border: 1px solid #000; 
  border-radius: 8px;
  margin-right: 25px;
}

http://jsfiddle.net/ybPKJ/

...