На дворе конец 2012-го года. Что у нас по круглым картинкам?

[weart]

Всем привет. Появилась задача вывести круглые картинки. Оказывается, опера вот такое не понимает

border-radius: 100%;
width: 150px;
height: 150px;

Кто как выходит из положения?

Скруглять нужно именно картинку. Без слоев с фоновыми изображениями.

Упс. Заменил проценты на пиксели и заработало

[USF]

http://jsfiddle.net/usfe/QqaYw/

оно и с % работает. тольк почему вы делаете 100% а не 50, я искренне не пойму

[weart]

http://jsfiddle.net/usfe/QqaYw/

оно и с % работает. тольк почему вы делаете 100% а не 50, я искренне не пойму

затупил

[sigma77]

оно и с % работает. тольк почему вы делаете 100% а не 50, я искренне не пойму

Сам-то проверял?

Обратил внимание, что речь про Оперу?

[DownHouse]

С процентами не работает, только с пикселями http://jsfiddle.net/QqaYw/2/

[Radiocity]

С процентами не работает, только с пикселями http://jsfiddle.net/QqaYw/2/

Так не работает в 11.51, а это не самая старая версия Оперы. Нужно использовать :before или идти на хитрость

[DownHouse]

Проще всего тогда использовать картинку фоном и не мучать мозг.

[weart]

Проще всего тогда использовать картинку фоном и не мучать мозг.

да проблем нет, все работает отлично)

[DownHouse]

Вот кстати вариант, чтобы не париться с указанием размеров для дива: http://jsfiddle.net/QqaYw/5/

[SelenIT]

Большой фиксированный размер (типа 999em или моего любимого 99in), вроде бы, надежно работает как 50% (в силу пункта 5.5 стандарта). Хаковато, конечно... но разве когда-то было иначе?