css - 两个相同背景的div之间有一条白色缝隙，如何解决

问题描述

问 题

两个相同背景（黑色）的div之间有一条白色缝隙，如何解决？
如图：

补充一点：
由于设置的两个div背景是有透明度的 background: rgba(0,0,0,0.8);
所以，设置 margin-top: -1px;会出现一条黑色的缝隙，如图

再贴下代码：

html:

<div class="news_user_guide">
        <div class="guide1"></div>
        <div class="guide3"></div>
    </div>
    
    
    

css

.news_user_guide{width: 100%;height:100%;position: fixed;left: 0;top:0;z-index: 999; }
    .news_user_guide .guide1{width: 100%;height: 168px;background:rgba(0,0,0,0.8);}
    .news_user_guide .guide3{width: 100%;height: 326px;background:rgba(0,0,0,0.8);}

解决方案

先给你上两张图：

你仔细看一下缩放比例，在浏览器上模拟的时候如果缩放比不是100%会有这个问题，所以建议在100%比例下调试

这篇关于css - 两个相同背景的div之间有一条白色缝隙，如何解决的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！