我的图片不会以html显示

时间:2015-07-31 09:46:59

标签: html image

<div class="image"
     style="background-image: url( '_assets/_img/home.jpg' );"
     data-insurance-key="home">
</div>

我还多次检查过图像是否在正确的文件夹中,文件名是否正确,因为知道html区分大小写。还有其他原因导致它不会显示在我的网页上吗?

1 个答案:

答案 0 :(得分:0)

您似乎有一个空的divdiv的大小将为0乘0,这不会显示任何内容。

您可以将此作为证据:

&#13;
&#13;
    <div class="image"
         style="background-image: url( 'http://cdn.sstatic.net/stackoverflow/img/sprites.svg?v=1bc768be1b3c' );"
         data-insurance-key="home">
             &nbsp;<br />
             &nbsp;<br />
             &nbsp;<br />
    </div>
&#13;
&#13;
&#13;

只要您输入一些内容,就可以了。您可能只需要手动设置尺寸,或者如果背景是唯一的内容,则放入img而不是背景:

<div class="image"
     data-insurance-key="home">
         <img src="http://cdn.sstatic.net/stackoverflow/img/sprites.svg?v=1bc768be1b3c" />
</div>