2016-02-21 2 views
1

Я использую flying-sauccer версии 9. Он использует версию itext - 2.1.7 (бесплатная лицензия). Эта версия iText использует CSS2.1Как сделать изображение круглым, используя CSS2.1?

У меня есть требование округлить изображение. CSS3 имеет свойство border-radius, которое работает, но что я должен сделать для достижения этого в CSS2.1?

+0

Насколько я знаю, вы этого не делаете. в CSS 2.1 были префиксы поставщиков для округления изображения, но все они, как правило, доходили до того, что все соглашались с «border-radius». – Jhecht

+0

Знаете ли вы, -moz-border-radius и аналогично для -webkit-border-radius? Я не уверен, я попробую и дам вам знать. – Sizzler

+0

@Jhecht - не работает. :( – Sizzler

ответ

0

Изображение перекрытия обходного пути работал. CSS применяется для обоих изображений:

img{ 
    height: 225px; 
    left: 50%; 
    top: 20%; 
    position: absolute; 
} 

Индивидуальные теги изображения: (. Это может быть не видно, вы можете скачать и посмотреть)

<img style="width: 227px; height: 227px;z-index: 1;" src="{path to file}/circleImage.png" /> 
<img src="{path to picture}/picture.jpg" /> 

Проверьте изображение ниже

Circle Image with hollow in between

Надеюсь, это поможет кому-то.

-2

использование border-radius: 50%; он будет точно округлять ваш объект.

Смежные вопросы