我一定要做错事该图像是从插图作为SVG导出的(我不知道这是否相关),它中有一些像素数据.
Here’s my JSFiddle example.
Here’s my JSFiddle example.
请注意,直接进入图像,它显示的很好：
http://ykcreations.com/tv.svg
编辑：这在Chrome或Safari中不起作用,但在Firefox中不起作用. Webkit问题？
解决方法
你的源SVG有一个问题.看到这个更新的小提琴指向
a different SVG file可以正常工作：
http://jsfiddle.net/wdW2K/2/
.tv {
background: url("http://phrogz.net/svg/800x800.svg");
width: 400px; height: 400px;
}
编辑：具体来说,问题似乎是WebKit不支持< image>在用作背景的SVG中.修改您的文件最低限度,以更改< image>参考一个本地(非数据 – uri)文件,并添加< circle />,我可以直接在Chrome中查看SVG时看到图像和圆圈,但是当仅用作背景图像时圈子是可见的.
This bug闻起来相关.
原文地址：https://www.jb51.cc/css/214107.html
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
