2014-04-03 77 views
0

我想要在DIV中放置图像,但该图像是为了美观而不是内容,因此想要将它作为背景图像放在DIV中,而不是使用HTML放置它,但是当我尝试并做这不是出现?为什么我的背景CSS图像不出现在DIV中?

我的HTML代码:

<div id="largec"> 

</div> 

我的CSS代码:

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

} 

请裸记住我很新的代码!

谢谢

+0

图像位于与您的css相关的位置?如果你链接到一个随机图像,如'background-image:url(http://www.placehold.it/80/60);'? –

回答

5

如果你的div没有任何内容,那么它将没有任何高度。尝试min-height设置你的背景图像的

#largec { 
    min-height: 500px; 
} 
+0

非常感谢! – bec

-1

1)尽量把之间“”该文件的名称,如:

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

} 

2)确保图像在与CSS代码相同的文件夹。

3)建议在文件名中只使用“普通”字符,数字和下划线(以防止不成功的链接)。