我下载了一个圆形按钮，用作对话框关闭图像。它看起来很圆，但是当我在Windows Paint中打开时，我可以看到它实际上是一个带有圆形按钮的白色方块，当我在浏览器中显示它时，它显示了我不想要的白色方形轮廓。有没有办法摆脱它？
这是一个说明我的意思的jsfiddle ......
<body>
<button id='b1'/>
</body>
#b1 {
background: transparent url('https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcR2lu62vUif1sHaq-qhefoWeA2GZ9zBr2j7arVLHdfFTKwcoZSAKA') no-repeat center center;
background-size: 100%;
width: 24px;
height: 24px;
cursor: pointer;
}
提前感谢任何有建设性的意见。
答案 0 :(得分：4)
值得补充的是，您的问题不在于CSS。即使border-radius 可能只是隐藏白色区域，但您最终需要找到具有透明背景的图像。使用CSS无法改变图像像素的某些的颜色。
如果您正在浏览图标，请查找带有方格白灰色背景的图标 - 这意味着它实际上是透明的。
答案 1 :(得分：1)
将此添加到您的CSS：
border-radius: 12px;
应该这样做