为什么图像不会作为 href 加载到网站上？答案

【问题标题】：how come image wont load on website as href?为什么图像不会作为 href 加载到网站上？
【发布时间】：2017-04-03 15:24:57
【问题描述】：

我对此真的很陌生，但这是我的问题。我需要将图片上传到我的网站（我使用 aptana studios 3）。所以我将我的图像保存为 jpeg 并使用代码：现在它承认我正在上传图片，但它不会加载。我必须转换图像还是以某种方式保存？

【问题讨论】：

不知道，如何发布您正在使用的图像的代码，包括html css等。
我如何把图片变成那个表格？

标签： html css jpeg href

【解决方案1】：

哦，伙计，请务必发布您遇到问题的代码。无论如何，您使用什么文件扩展名并不重要（尽管.png 可能是最适合网络的）。我假设这是硬编码的HTML，如果是这样，我会使用一个简单的<img /> 元素来显示图片。确保图像保存在附近的目录中。

<div>
    <div class="item"><img src="./example.png"/></div>
</div>

在上面的示例中，example.png 与我的index.html 文件位于同一文件夹中。我们使用属性src，而不是href。 href 属性指示在元素时要加载哪个页面，例如一个<a> 元素，被点击。如果您有CSS 样式表，最好将图像作为background-image 加载到<div> 元素，以便更容易操作图像属性，例如高度和宽度。一个例子是：

<div>
   <div class="item"/></div>
</div>

..还有CSS:

.item {
    background-image: url("boxes.png");
    width: 800px;
    height: 600px;
    background-size: contain;
}

在这里，我设置了图像的高度和宽度，并告诉我的样式我希望用background-size: contain; 显示整个图像。

我希望这会有所帮助。

【讨论】：