如何删除图像周围不需要的白色边框？

Question

在深色背景上制作图像轮播时，在特定浏览器上，我一直面临着图像周围神秘的白色边框的问题。

我尝试将box-shadow设置为0，删除边框，并在图像背景的颜色中添加边框；但是这些试验都没有导致变化。

当前CSS：

.card-carousel-cell img {
    padding: 0;
    margin: 0 0 10px 0;
    width: 110px;
    height: 110px;
    border-radius: 10px;
    background-color: #252525;
    display: block;
}

有什么办法可以在浏览器中一致地消除此问题？

Answer 1

尝试将图像放入具有透明背景的div中。 .img-container是具有透明背景的div，.myimg是图像。 jsfiddle here。

.img-container {
  background-color: transparent;
  width: 200px;
  height: 200px;
}
.myimg {
  border-radius: 20px;
  width: 100%;
  height: 100%;
}