本文摘自PHP中文网,作者藏色散人,侵删。
css svg不显示不出来的解决办法:1、使用<embed>标签引入svg文件;2、使用<object>标签引入svg文件;3、使用<iframe>标签引入svg文件。
本教程操作环境:Dell G3电脑、Windows7系统、HTML5&&CSS3版本。
推荐:《css视频教程》
当html引入svg文件却不显示,可能由于svg不是所有浏览器都支持,firefox, chrome支持,ie有的低版本不支持。
解决方案:
使用<embed> 标签
<embed> 标签被所有主流的浏览器支持,并允许使用脚本。【推荐:html在线手册】
注:当在 HTML 页面中嵌入 SVG 时使用 <embed> 标签是 Adobe SVG Viewer 推荐的方法!然而,如果需要创建合法的 XHTML,就不能使用 <embed>。任何 HTML 规范中都没有 <embed> 标签。
例如:(需要下载adobe的svg viewer插件来显示)
1 2 3 |
|
使用<object> 标签
它是 HTML 4 的标准标签,被所有较新的浏览器支持。它的缺点是不允许使用脚本。
注:假如您安装了最新版本的 Adobe SVG Viewer,那么当使用 <object> 标签时 SVG 文件无法工作(至少不能在 IE 中工作)!
1 2 3 |
|
使用 <iframe> 标签
<iframe> 标签可工作在大部分的浏览器中。
相关阅读 >>
更多相关阅读请进入《css》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者