2017-12-02 212 views
1

我將此svg標識添加到我的網站。我將它保存在插圖中,而不是背景,當它在Web瀏覽器中彈出時,它具有白色背景。不知道如何解決這個問題或者是什麼問題。使svg標識具有透明背景

heres what it looks like on my end

這裏是一個小提琴

https://jsfiddle.net/n3ov9czj/

<img src="images/logo.svg" /> 
+0

可以鏈接徽標請:),它不會出現在小提琴 – Srax

+0

看起來像你的SVG包含白色背景 – felixmosh

+0

@Srax我怎麼能鏈接它,讓你們可以看到它? –

回答

0

難道這就是你想幹什麼?
Jsfiddle 1

還是更像是這樣嗎?
Jsfiddle 2

這顯然沒有工作:(

svg { background: transparent; } 
+0

評論不適合擴展討論;這個對話已經[轉移到聊天](http://chat.stackoverflow.com/rooms/160453/discussion-on-answer-by-srax-make-svg-logo-have-transparent-background)。 – Andy

0

看起來好像你鏈接的圖像(標誌?)黑色的區域實際上是透明的,可見的背景。白色區域實際上是(標識)圖像在這種情況下,我們可以看到h這個字母背後的一些文字,這對於真正的svg徽標圖像來找出問題真的更有幫助,

只需測試t着色圖像背景。

<img src="images/logo.svg" style="background-color:grey"/> 

如果是這樣的話,那麼你可能要應用背後的標誌或任何是要實現這個想法的背景圖像。

+0

圖片似乎沒問題。但圖像的背景是白色的,因爲它是空白的。徽標背後沒有什麼。您可以通過將圖像背景顏色樣式化爲某種實際顏色來輕鬆查看。 – Pete