html - 将引用 SVG 图像嵌入 HTML 文件

标签 html css url svg background-image

我有一个元素,我想将简单的图形背景放入表格单元格中。背景图像和一个小的 svg 文件效果很好!

但我真的很想将源代码全部保存在一个文件中。也就是说,我希望能够在 HEAD 中定义图像,并在内联 STYLE css 中引用它。

我尝试了 svg 中的 ID 属性和 css url() 函数中的哈希引用的各种组合,但没有成功。这似乎是一件令人向往的事情,但环顾四周,我没有看到任何想法。这告诉我要么无法完成,要么以其他方式完成......

建议?

最佳答案

您可以将 svg 文件保存在其他位置并将其放入 iframe 中。

<iframe src="index.svg" width="100%" height="100%" />

可能还有其他方法..

找到了 svg 的最佳图 MDN

关于html - 将引用 SVG 图像嵌入 HTML 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10504085/

相关文章:

html - 悬停后 CSS 菜单消失

windows - 在同一浏览器选项卡中打开链接

css - 对于 <a> 标签设置它的属性 "target",javascript 中 onclick 的正确语法是什么

javascript - 我不知道出了什么问题,当我点击按钮时没有任何作用

css - 如何将我的主域指向子文件夹

javascript - 如何在 webkit 浏览器(如 chrome、safari、opera)中删除 c fakepath?

ios - fileExistsAtPath 不适用于本地主机 URL

php - 使用时间戳制作网址,日期和时间之间的空格会破坏网址

JavaScript/jQuery 事件未触发嵌套 <divs> 中的元素

html - 在 CSS 中编码的 SVG base64