我有一個將SVG設定為背景圖片的div。我現在添加了一個線性梯度作為背景，但是由于它是塊狀顏色，SVG沒有顯示出來。有什么辦法可以讓SVG顯示出來嗎？
background-image: url(./images/icon-background.svg)。
background。linear-gradient(134.71deg, #006BAD -0。 5%, #4C60BB 99.31%）。)
uj5u.com熱心網友回復：
你可以在background-image屬性中同時添加影像和梯度：
div {
width: 400px;
height: 400px;
background-image: url('data:image/svg xml,<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">< circle cx="15" cy="15" r="15" fill="red"/></svg> ' /span>)。
linear-gradient(134.71deg, #006BAD -0。 5%, #4C60BB 99.31%）。)
}< div></div> uj5u.com熱心網友回復：
background是所有CSS背景屬性的縮寫，因此background-image被漸變所覆寫。你可以嘗試為SVG使用一個單獨的元素，并將其置于梯度的前面。
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/333054.html
標籤：