Question

我在基于HTML的页面中有这个代码： <img style="float: right; margin-left: 10px; margin-bottom: 5px;" scr="tumblr.png" height="30px" width="30px">

理想情况下，它应该在右上角显示Tumblr图标。但是，当我在浏览器中查看它时，我只看到一个带有灰色轮廓的白色框。无论出于何种原因，图像都不会显示。（我知道这不是命名问题，因为我网站上的不同页面使用相同的图像，并且显示正常。

如果有帮助的话，这里有一些CSS：

  #header {
    font-family: Raleway, sans-serif;
    background-color:FFF;
    color: #000;
    position:fixed;
    top:0%;
    width:70%;
    left:12%;
    height:17%;
    padding-left:3%;
    padding-right:3%;
    padding-top:2%;
    padding-bottom:1%;
  }

  #header_right {
    font-family: Raleway, sans-serif;
    text-align: right;
    float:right;
    vertical-align:middle;
    margin:0;
  }

我错过了什么？

Answer 1

你可能不再在这方面工作了。但是，如果你是，你的标签中有一个拼写错误。

你有：scr="tumblr.png" 它应该是：src="tumblr.png"

如果仍然无效，您需要确保路径正确无误。如果tumblr.png与您的html文件位于同一目录中，它将起作用。

但是如果你在images目录中有tumblr.png，你需要：src="images/tumblr.png"

HTML图像无法显示

1 个答案: