为什么我的背景CSS图像不出现在DIV中?

时间:2014-04-03 21:55:56

标签: css image html

我想在DIV中放置一个图像,但是图像是为了美观而不是内容,因此想要将它作为背景图像放在DIV中,而不是使用HTML来放置它,但当我尝试和这样做,它不会出现?

我的HTML代码:

 <div id="largec">

 </div>

我的CSS代码:

 #largec {
     background-image:url(large-circle.png); 
     background-size:80px 60px;
     background-repeat:no-repeat;

 }

请记住我对代码很新!

由于

2 个答案:

答案 0 :(得分:5)

如果您的div没有任何内容,那么它将没有任何高度。尝试将min-height设置为背景图片的<{1}}

#largec {
    min-height: 500px;
}

答案 1 :(得分:-1)

1)尝试将文件名放在&#34; &#34;,像这样:

#largec {
     background-image:url("large-circle.png"); 
     background-size:80px 60px;
     background-repeat:no-repeat;

 }

2)确保图像与css代码位于同一文件夹中。

3)建议仅使用&#34; normal&#34;文件名中的字符,数字和下划线(以防止不成功的链接)。