弹出层背景透明图片去白边

Question

遮罩层颜色为rgba（0,0,0,0.8），
弹出的图片背景为透明，设置和遮罩层一样的颜色透明度，显示出来一直有白边，图片没有border，设置了display：block；width：100%；padding: 0;margin: 0;都设置了。请大神指点啊，快怀疑人生了。。。

Answer 1

我也小白一个，提点建议：会不会是背景图的问题？png？放在div里的图片，你可以先试试去掉图片看看div有没有那条白线或者给div加个1px 的 border solid red，看看红色的boder有没有把那条白线包起来如果包起来说明就是图片本身的边线吧，暂时也就能提点这个建议了。

Answer 2

这是浏览器中，图片默认的样式导致的，浏览器默认样式中，图片自带外框，加上CSS样式即可：

img {
    outline: none;
    border: none;
}

Answer 3

看看是不是切图的问题,直接右键打开图片看看是不是有边框的

Answer 4

图片是png24的格式吗！如果不是，看看加上border:0;这个是图片直接加到页面中的有默认的3px的留白。

Answer 5

1.png切图图片本身是否带有边框，若无则设置img{border: 0 none;}

Answer 6

我以前碰到一次 从psd一张一张切图下来放到页面上两个图片缝隙会有一条白边 当时是给每个img标签加了一个 float：left 解决的