我在Safari中的图片上遇到border / border-radius问题。我想要的是图像是一个完美的圆形，所以我使用border-radius：100％，我希望在圆形图像和2px白色边框之间有一个透明的间隙，所以我创建了一个透明边框＆＃ 39; s 11px并添加一个白色和2px大小的盒子阴影。这在Chrome中完美运行。以下是我使用的示例代码：
HTML：
<div id="slideshow">
<img src="image1.png">
</div>
CSS：
#slideshow img {
box-shadow: 0px 0px 0px 2px #bbb;
border-radius: 100%;
border: 11px solid rgba(0,0,0,0);
}
我遇到的问题是在Safari中，盒子阴影完美显示（它是一个2px的白色圆圈），但图像本身显示的是方形而不是圆形。发生了什么事？