如何摆脱html / css中两个div之间的发际线？

Question

我有两个尽可能接近它们的元素。如果您有点好奇，第一个是用户可以点击的滚动到顶部的脚本，在它下面是一个平坦的背景。那个发际线让我非常讨厌。

感谢任何帮助！

＆＃13;

＆＃13;

/*SCROLL TO TOP*/
.scroll-top-wrapper img{
	width: 134px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
}

.border_background{

	background: #162a53;
	height: 416px;
}

...

＆＃13;

	<!-- SCROLL TO TOP -->
	<div class="scroll-top-wrapper">
		<span class="scroll-top-inner">
			<img src="../images/misc/scroll_to_top.svg" onmouseover="this.src='../images/misc/scroll_to_top_hover.svg';" onmouseout="this.src='../images/misc/scroll_to_top.svg';" />
		</span>
	</div>

	<!-- LIGHT-COLORED BORDER -->
	<div class="border_background">
      ....

＆＃13;

＆＃13;

＆＃13;

Answer 1

我认为问题在于你的形象。编辑此图像时，原始图像中会留下轻微的发际线。因此，请尝试重新编辑图像并删除该细线。