Граница-радиус не работает на изображениях?

Question

.el img{
  float: left;
  margin-right: 5px; 
  border-radius: 10px;
}

Я что-то упустил? Или это свойство действительно не работает с изображениями?

Answer 1

Работает, только его нужно использовать с префиксами вендора, так как большинство браузеров по-прежнему не поддерживают его как border-radius, а только как -webkit-border-radius и т. Д.

.el img{
  float: left;
  margin-right: 5px; 
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

Рабочий пример

Answer 2

Я не думаю, что это работает на изображениях напрямую, вам придется определить этот стиль для элемента div или аналогичного элемента и добавить изображение в качестве фона.Приветствия