2016-09-16 89 views
0

我已經將包含頁眉,文章和頁腳部分的頁面作爲相對位置分層堆棧在一個包裝中。並處於正確的位置。但是,我注意到Chrome有一個白線(部分之間的間距?),並嘗試禁用陰影,並通過在Chrome中使用CSS檢查器更改值來實現絕對值,結果相同。Chrome瀏覽器 - 部分之間的線 - 相對定位

在Edge和Firefox中,沒有行。

鏈接是在這裏: http://zen8.prosoftwareuk.co.uk/p/1863/home

屏幕截圖: 鉻: enter image description here

邊緣: enter image description here

火狐: enter image description here

任何方式來解決這個問題?

回答

1

我不知道這是怎麼發生的,但在它的容器中添加相同的背景顏色會使線條不可見。希望這有助於

article.screen-width { 
    background: rgb(153, 153, 153); 
} 

.window_scale { 
    background: rgb(153, 153, 153); 
} 
+0

更新:Safari瀏覽器也爲Chrome瀏覽器相同的效果 – tonoslfx

+1

你幾秒打我,但我認爲你是對的。問題的根源有點神祕,但將容器背景設置爲相同顏色的灰色消除了線條。只需將灰色應用於'.window_scale'似乎可行。 –

+0

我通過刪除transform:scale(ratio)找到了它,它刪除了window_scale類中的Chrome中的行。這是我需要網站縮放的要求。 – tonoslfx