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

时间:2016-11-20 01:28:11

标签: html css jpeg href

我真的很新,但这是我的问题。我需要将照片上传到我的网站上(即使用aptana工作室3)。所以我将我的图像保存为jpeg并使用代码:    现在它承认我正在上传图片,但它不会加载。我必须转换图像或以某种方式保存吗?

1 个答案:

答案 0 :(得分:0)

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

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

在上面的示例中,example.png与我的index.html文件位于同一文件夹中。我们使用属性src,而不是hrefhref属性指示在元素(例如元素)时要加载的页面。单击<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;

我希望这会有所帮助。