如何擺脫html/css中兩個div之間的髮際線？

Question

我有兩個元素，儘可能接近他們。如果您好奇，第一個是用戶可以點擊的滾動到頂部的腳本，下面是平坦的背景。那條細線真讓我煩惱。

任何幫助表示讚賞！

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

 
.border_background{ 
 

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

 
...

\t <!-- SCROLL TO TOP --> 
 
\t <div class="scroll-top-wrapper"> 
 
\t \t <span class="scroll-top-inner"> 
 
\t \t \t <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';" /> 
 
\t \t </span> 
 
\t </div> 
 

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

Answer 1

嘗試增加復位文件。或邊距：0;記住html標籤有默認的樣式規則，所以你必須擺脫它們。

Answer 2

我認爲問題出在您的圖片上。編輯此圖像時，原始圖像中留有細微的髮際線。所以嘗試重新編輯圖像並刪除髮際線。