素材牛VIP会员
弹出层背景透明图片去白边
 阿***t  分类:Html5  人气:1536  回帖:6  发布于6年前 收藏

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

讨论这个帖子(6)垃圾回帖将一律封号处理……

Lv6 码匠
on***de JAVA开发工程师 6年前#1

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

Lv6 码匠
邹***b CEO 6年前#2

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

Lv4 码徒
12***mo UI设计师 6年前#3

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

Lv6 码匠
赵***2 Web前端工程师 6年前#4

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

Lv6 码匠
bi***am 技术总监 6年前#5

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

Lv5 码农
de***st CEO 6年前#6

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

img {
    outline: none;
    border: none;
}
 文明上网,理性发言!   😉 阿里云幸运券,戳我领取