我正在建立一個網站，我在其中使用 SVG 影像作為主背景，這個 SVG 被分成 3 個，標題，主背景和一個除數，這個想法是讓它們看起來只是一個 svg，用于桌面顯示它們很好，問題出在移動設備上，在某些寬度下，“瀏覽器”或 SVG 開始在它們之間創建小白線（見鏈接圖片，涂漆區域用于保密協議）https://flic.kr/p/ 2naLed2
我試著搜索已經問過這個問題的問題，我嘗試的第一個解決方案是給 SVG 的負邊距頂部，這適用于其中一個插圖，但另一個一直顯示白線。我認為問題在于 SVG 的渲染或類似的東西，但我找不到可行的解決方案。我會讓 SASS 用于網站的那部分。
主要插圖和除數在 img 標簽的頁面上
.main-ilustration {
margin: 0;
background-color: #07070f;
.ilustration {
width: 100%;
margin-top: -1px;
}
.ilustration-divisor{
margin-top: -2px;
margin-bottom: -1px;
}
}
和標題的 SASS
header {
background-image: url(../Pictures/Banner-Header.svg);
background-repeat: repeat;
.container-fluid {
padding: 1rem 2rem;
}
}
uj5u.com熱心網友回復：
我可以提供的合適解決方案是您需要從 illustrator 中的 SVG 檔案中洗掉背景，然后將黑色背景顏色設定為正文。
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/454219.html