html - 图片在我的网站上损坏,但一般都能正常工作

标签 html css image web

我一直在尝试为我的投资组合页面设置一些图像,但一直遇到这个问题 http://prntscr.com/axg0yr .我尝试的代码是 <li><img src = "images/news.svg" id = "GithubImage"/> <a href = "https://github.com/x"> GitHub </a></li> ,然后是height:64px; width: 64px;正如他们应该的那样。可能出了什么问题?谢谢!

最佳答案

试着把它放在object标签里,像这样

<object type="image/svg+xml" data="path/image.svg">
    Your browser does not support SVG
</object>

出于安全原因,当使用 img 标签添加到您的页面时,浏览器将禁用 SVG 脚本、链接和其他类型的交互。此外,如果 IE9、Chrome 和 Safari 在单独的 CSS 文件中定义,它们将不会将样式表规则应用于 SVG。

关于html - 图片在我的网站上损坏,但一般都能正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36889114/

相关文章:

javascript - 检查是否使用 jQuery 加载了图像(没有错误)

html - 如何正确地将 flash 对象插入模态 HTML 对话框

javascript - Ajax成功函数及查找父类

html - 增加视频分辨率但不增加可见尺寸

php - CSS对齐来自循环帖子的网格元素

image - 如何发送jpeg.Encode图片?

html - Bootstrap 轮播上的背景图像放置

css - margin :自动在 IE 中不起作用

jquery - Bootstrap Multiselect 滚动条拖动在 Bootstrap Modal 中不起作用

Python 在图像数组中查找颜色并用值填充二维数组