我有一個ID為#gradient_div的div,其背景圖像設置為線性漸變.僅在某些瀏覽器窗口寬度下,線性漸變的末尾與div #gradient_div的末尾之間才出現縫隙.當我拉伸和收縮瀏覽器窗口時,這條白線消失并重新出現.

似乎與邊距有關：

>當我將邊距設置為margin：0 1％;時,將顯示while行

在特定的窗口寬度.

當窗口寬度以1％結尾時,白線出現在1％

例如68-92的范圍：468px-492px,568px-592px,

668px-692px等

對于其他邊距左右百分比,該行將顯示在這些頁面上

寬度：

> 2％：頁面寬度在92-_04和42-54范圍內結束

> 3％：頁面寬度在34-41、67-74和00-08范圍內結束

> 30％：頁面寬度以5或8結尾

當我僅將背景設置為與漸變相反的顏色(例如背景)時,就沒有白線問題.或當我將背景圖像設置為圖像時；更新當以px為單位設置邊距時也不會發生.

歡迎提出解決此問題的建議,但我最想了解為什么會發生這種情況.是什么原因造成的？

#gradient_div{

background-image: linear-gradient(to right,rgba(0,126,255,0.86),rgb(152,4,228));

height: 100px;

margin: 0 1%;

border: 1px solid black;

}

總結

以上是生活随笔為你收集整理的html两个div间有白线,html-在特定浏览器宽度下,白线出现在渐变填充div的末尾的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。