Fatal编程技术网
  • html/
  • Html 未在Chrome上加载SVG图像（有时）

Html 未在Chrome上加载SVG图像（有时）

html css image google-chrome svg

Html 未在Chrome上加载SVG图像（有时）,html,css,image,google-chrome,svg,Html,Css,Image,Google Chrome,Svg,您好，我已经开始将我的许多网站的旧图像转换为SVG格式，但我无法让它们显示在页面中 如果我单独打开图像，然后在打开后查看页面，图像确实会加载。SVG位于我正在引用的正确的文件路径中，但没有显示任何内容。虽然在一些刷新中它确实出现 <img class="padlock-img" src="content/img/cf/padlock.svg" alt=""> <img src="content/img/tips/progress.svg" alt=""> <img

您好，我已经开始将我的许多网站的旧图像转换为SVG格式，但我无法让它们显示在页面中

如果我单独打开图像，然后在打开后查看页面，图像确实会加载。SVG位于我正在引用的正确的文件路径中，但没有显示任何内容。虽然在一些刷新中它确实出现

<img class="padlock-img" src="content/img/cf/padlock.svg" alt="">
<img src="content/img/tips/progress.svg" alt="">
<img class="padlock-img" src="content/img/cf/padlock.svg" alt="">
下面是我的一些例子

尝试
  • 我尝试将src转换为
    xlink:href
    ，这完全停止了图像的加载

  • 我已经在其他3种浏览器上测试过了，图像加载仅在本地主机和文件上的chrome上进行：//

    • 关于如何解决这个问题有什么想法吗？

    在Chrome中使用SVG时，您需要确保根标记具有
    xmlns=”http://www.w3.org/2000/svg“

    编辑 我还没有找到问题，但有一个选择是

    这似乎适用于所有浏览器。

    值得一提的是，我有一张这样的图片

    如果在编辑器中打开svg，我会更改

    xlink:href=“data:img/png；base64
    至
    xlink:href=“data:image/png；base64

    您正在使用wordpress吗？如果是，则需要编辑.htaccess并插入svg代码。参考资料：我没有使用wordpress，它是一个本地项目，目前未托管在服务器上，文件为：//（这可能是问题所在？）您确定链接正确吗？正如你所说的，这是本地的，应该可以工作链接是正确的-这只发生在Chrome的javascript控制台中的chromeAny警告/错误上？我的所有svg上都有这个标记，但现在仍然没有问题：）