av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

css - 關于svg使用的問題

瀏覽:118日期:2023-06-23 10:22:52

問題描述

css - 關于svg使用的問題

設計師讓我不兼容svg的用他給的png圖片,兼容svg的 就用svg;這個兼容問題,我看到張鑫旭的博客的寫法如下。

<svg height='96'> <image xlink:href='http://m.4tl426be.cn/wenda/svg.svg' src='http://m.4tl426be.cn/wenda/svg.png' /></svg>

但是,我發現這樣寫的話鼠標移動到svg上,我給他設置fill顏色,他是不起效果的。我現在用svg標簽寫如下圖css - 關于svg使用的問題

這樣子寫法變色是可以操作了,但是這樣寫怎么寫兼容呢?。我該怎么處理,讓他不管在兼容svg或者不兼容svg用圖片,都能夠實現鼠標經過變色。謝謝各位朋友了

問題解答

回答1:

通常不兼容的情況都發生在 IE 里,如果是解決 IE 的兼容性問題,其實可以使用 <!--[if lt IE]> 這樣的東東。然后使用 css 把 svg 或者圖片 display:none 掉。更具體的做法是:使用 <!--[if lt IE x]> 給 html tag 加一些 class。至于 svg 的兼容性,得去查一下 Can I Use。

回答2:

使用xlink:href時,引用的外部svg文件或者symbol里,把需要從父級繼承的屬性(fill等) 改成 inherit 就行。

標簽: CSS
相關文章:
主站蜘蛛池模板: 国产精彩视频一区 | 亚洲在线一区二区 | 亚洲三区在线观看 | 亚洲精品日韩视频 | 国产91av视频在线观看 | 成人在线观看网址 | 国产欧美一区二区三区免费 | www.日日干| 国产精品视频999 | 免费精品| 亚洲视频在线一区 | 浮生影院免费观看中文版 | 亚洲免费影院 | 久久久久国产精品 | 午夜视频在线免费观看 | 神马久久久久久久久久 | 99日韩| 国产精品精品久久久 | 日韩av在线中文字幕 | 一级做a | 成人免费av | 成人免费网站 | 农村真人裸体丰满少妇毛片 | 精品在线一区 | 久久在线 | 国产在线不卡视频 | 国产精品99久久久久久宅男 | 精品亚洲一区二区三区四区五区 | 欧洲一区二区在线 | 久久久久久久一区二区三区 | 亚洲午夜精品久久久久久app | 亚洲一区二区视频 | 91免费在线看 | 日韩av成人在线 | 欧美三级三级三级爽爽爽 | 国产精品特级片 | 91精品国产一二三 | 国产999精品久久久影片官网 | 天堂网av在线| 国产精品一区二区三区99 | 中文字幕在线一区二区三区 |