2014-07-23 195 views
-1

我不明白为什么CSS背景属性不起作用。我看过多个SO答案,找不到解决方案。这是一个简单的例子,不适合我。我曾尝试过多个图像网址,但似乎没有任何工作。CSS背景不起作用?

http://jsfiddle.net/Mf9LF/

HTML

<body> 
<div id="asdf" > 

</div> 
</body> 

CSS

#asdf{ 
    background: url('http://cs618428.vk.me/v618428017/7882/L7GGRmZFKK8.jpg') no-repeat center center; 
    background-size: cover; 
    display: block; 
} 
+1

如果div具有内容或高度,将会工作。 – j08691

+0

将内容添加到div或给它一个静态的宽度和高度 – VikingBlooded

回答

3

http://jsfiddle.net/Mf9LF/1/

#asdf{ 
    background: url('http://cs618428.vk.me/v618428017/7882/L7GGRmZFKK8.jpg') no-repeat center center; 
    background-size: cover; 
    display: block; 
    width: 100px; 
    height: 100px; 
} 

事业部需要高度或内容中强制高度。

+1

或一些内容。 – olif