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

Question

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

Answer 1

哦，伙计，确保 post 您遇到问题的代码。无论如何，使用什么文件扩展名并不重要（尽管 .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; 显示。

希望对您有所帮助。

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

how come image wont load on website as href?

html

css

jpeg

href