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

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%;
}