Html 图像之间的白色间距不应为'；我不在那里

我只是在处理基本的HTML和CSS，遇到了这个问题。我有两个图像直接在彼此的顶部，从屏幕的顶部和底部显示。我不明白为什么有一条白线把这两张图片分开。我认为它连接到第一个图像，因为第二个图像具有相同的间距，但是如果你对图像进行高光处理，它会更小

HTML:

---

jsIDLE:

添加

显示：块添加到

img.logo-banner {
display: block;
width: 100%;
min-width: 600px;
height: 40px; 
padding-bottom: 0; 
}

img.logo-banner-dark {
display: block;
width: 100%;
min-width: 600px;
height: 20px;
padding-bottom: 0;
}


还可以查看：
添加
显示：块添加到

img.logo-banner {
display: block;
width: 100%;
min-width: 600px;
height: 40px; 
padding-bottom: 0; 
}

img.logo-banner-dark {
display: block;
width: 100%;
min-width: 600px;
height: 20px;
padding-bottom: 0;
}


另外请看一看：
这些空白是由
垂直对齐：基线引起的，而不是由标记中的空白或回车引起的。删除了我答案的这一部分-感谢您指出这一点！你能把一个图像放在一个有display:block的图像上吗？@SethUrquhart:像这样吗。。注意我添加了
垂直对齐：底部
到第一个图像没有做任何事情这些空白是由
垂直对齐：基线引起的，而不是由标记中的空白或回车引起的。删除了我答案的这一部分-感谢您指出这一点！你能把一个图像放在一个有display:block的图像上吗？@SethUrquhart:像这样吗。。注意我添加了
垂直对齐：底部到第一个图像没有做任何事情
img.logo-banner {
display: block;
width: 100%;
min-width: 600px;
height: 40px; 
padding-bottom: 0; 
}

img.logo-banner-dark {
display: block;
width: 100%;
min-width: 600px;
height: 20px;
padding-bottom: 0;
}