設(shè)計(jì)師讓我不兼容svg的用他給的png圖片，兼容svg的 就用svg；這個(gè)兼容問(wèn)題，我看到張?chǎng)涡竦牟┛偷膶?xiě)法如下。
<svg width="96" height="96">
<image xlink:href="svg.svg" src="svg.png" width="96" height="96" />
</svg>
但是，我發(fā)現(xiàn)這樣寫(xiě)的話鼠標(biāo)移動(dòng)到svg上，我給他設(shè)置fill顏色，他是不起效果的。我現(xiàn)在用svg標(biāo)簽寫(xiě)如下圖
這樣子寫(xiě)法變色是可以操作了，但是這樣寫(xiě)怎么寫(xiě)兼容呢？。我該怎么處理，讓他不管在兼容svg或者不兼容svg用圖片，都能夠?qū)崿F(xiàn)鼠標(biāo)經(jīng)過(guò)變色。謝謝各位朋友了
2
0
0
擁有18年軟件開(kāi)發(fā)和IT教學(xué)經(jīng)驗(yàn)。曾任多家上市公司技術(shù)總監(jiān)、架構(gòu)師、項(xiàng)目經(jīng)理、高級(jí)軟件工程師等職務(wù)。 網(wǎng)絡(luò)人氣名人講師，...
通常不兼容的情況都發(fā)生在 IE 里，如果是解決 IE 的兼容性問(wèn)題，其實(shí)可以使用 <!--[if lt IE]> 這樣的東東。然后使用 css 把 svg 或者圖片 display:none 掉。
更具體的做法是：使用 <!--[if lt IE x]> 給 html tag 加一些 class。至于 svg 的兼容性，得去查一下 Can I Use。
使用xlink:href時(shí)，引用的外部svg文件或者symbol里，把需要從父級(jí)繼承的屬性(fill等) 改成 inherit 就行。
