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

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

阅读 8k
6 个回答

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

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

img {
    outline: none;
    border: none;
}

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

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

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题