您可以使用 CSS 設計 SVG 背景圖片嗎?
作為 SVG 愛好者,您精通將 SVG 用作背景圖像。然而,仍然存在一個持續存在的問題:您是否也可以在同一個檔案中使用 CSS 設計 SVG 樣式?
遺憾的是,答案是不。用作背景圖片的 SVG 被視為與 CSS 樣式表隔離的單一實體。 CSS 檔案中的樣式不會影響 SVG 的視覺外觀。
原因在於 CSS 和 SVG 運作的環境不同。 CSS 在 HTML 文件中工作,而 SVG 是具有自己的樣式規則的獨立文檔。當您將 SVG 指定為背景圖像時,瀏覽器會將其解釋為預先渲染圖像並相應地套用 CSS 屬性(例如背景大小)。
要修改 SVG 背景影像的外觀,您必須編輯 SVG 本身。建議的方法是為不同的樣式需求建立單獨的 SVG 版本,並使用條件 HTML 屬性或 JavaScript 在它們之間切換。
免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。
Copyright© 2022 湘ICP备2022001581号-3