2014-10-31 189 views
-1

我的背景图片未显示。这里的CSS:不显示的背景图片

.banner { 
    height: 25em; 
    width: 100%; 
    background: #F0F3F7 url("images/Dog_02.jpg"); 
    background-size: cover; 
} 

这里的HTML:

背景颜色确实出现,但图像没有。我已经在Google Chrome浏览器中查看了开发者工具。它没有列出任何错误。

+1

你把正确的“背景”的'url'里面的图像路径? – 2014-10-31 00:08:02

+0

您能否用您的图片保存路径更新您的原始问题? – phantom 2014-10-31 00:08:37

+3

你的代码在jsfiddle http://jsfiddle.net/fw9k5fbw/ – Ishita 2014-10-31 00:10:48

回答

1

enter image description here我试试这个演示工作的请尝试,你的问题是不是把正确的路径urlbackground image

.banner { 
     height: 25em; 
     width: 100%; 
     background:url("images/Desert.jpg"); 
     background-size: cover; 
    } 

//你的身体部分

<article class = "section group"> 
    <section class = "banner col span_8_of_8"> 
    </section> 
</article>