css svg不显示不出来怎么办

css svg不显示不出来的解决办法：1、使用 标签引入svg文件；2、使用 标签引入svg文件；3、使用 标签引入svg文件。

本教程操作环境：Dell G3电脑、Windows7系统、HTML5&&CSS3版本。

推荐：《 css视频教程 》

当html引入svg文件却不显示，可能由于svg不是所有浏览器都支持，firefox, chrome支持，ie有的低版本不支持。

解决方案：

使用 标签

标签被所有主流的浏览器支持，并允许使用脚本。【推荐：html在线手册】

注：当在 HTML 页面中嵌入 SVG 时使用 标签是 Adobe SVG Viewer 推荐的方法！然而，如果需要创建合法的 XHTML，就不能使用 。任何 HTML 规范中都没有 标签。

例如：（需要下载adobe的svg viewer插件来显示）

Salin selepas log masuk 使用 标签

它是 HTML 4 的标准标签，被所有较新的浏览器支持。它的缺点是不允许使用脚本。

注：假如您安装了最新版本的 Adobe SVG Viewer，那么当使用 标签时 SVG 文件无法工作（至少不能在 IE 中工作）！

Salin selepas log masuk 使用 标签

标签可工作在大部分的浏览器中。

例如：

Salin selepas log masuk 然后在rect.svg里，通过引用 SVG 的命名空间，就能够把 SVG 元素之间添加到 HTML 代码中，这像这样（这需要浏览器支持svg，比如firefox, chrome)：

This is an HTML paragraph

Salin selepas log masuk