如何使用 CSS2.1 使图像变圆？

Question

我正在使用 flying-sauccer 版本 9。它使用 itext 版本 - 2.1.7（免费许可）。此 iText 版本使用 CSS2.1

我有对图像进行四舍五入的要求。 CSS3 的边框半径属性有效，但我应该怎么做才能在 CSS2.1 中实现相同的效果？

Answer 1

使用边框半径：50%；它将精确地围绕您的对象。

Answer 2

图像重叠的解决方法虽然奏效了。 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" />

查看下图（可能看不到，可以下载看看）

希望这对某些人有所帮助。

How to make an image round using CSS2.1?