css - 使用 SVG 的 CSS 背景不会在 Chrome 中显示
问题描述
我找不到明确的答案。我错过了什么?我有最新的 Chrome。你需要什么代码等来帮助我?我在 CSS 中有一个用于添加背景图像的基本条目。svg 有什么不同?感谢您的任何帮助。
解决方案
您可以使用背景图像作为 svg 的 url 或 base64 内容
看看这个 jsFiddle https://jsfiddle.net/hodca/nko5q07r/7/
尝试这个:
.testSVG{
display: 100%;
height: 193px;
background-image:url("https://s.cdpn.io/3/kiwi.svg")
}
推荐阅读
- python-3.x - 在 pandas DataFrame 中加载一个逗号不均匀的文本文件
- angular - 路由到组件后未触发 Angular OnInit
- bash - 如何重命名该文件夹名称的文件名并将所有文件复制到一个文件夹中
- javascript - 使用 JavaScript 更新视频进度条
- mysql - MySQL百分比查询
- c - 在 fork 和(失败)exec 之后更改 C 文件指针
- snmp - 如何在我的 PEN 下注册 OID?
- reactjs - 使用 ReactJS 从本地存储加载后,配置文件图像不会显示
- django - 如何在同一页面上使用多个 django-markdownx 编辑器?
- for-loop - 开始一个 for 循环