2014-10-31 2 views
-1

мое фоновое изображение не отображается. Вот CSS:Фоновое изображение не отображается на странице

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

Вот HTML:

цвет фона действительно обнаруживается, но изображение не делает. Я проверил инструменты разработчика в Google Chrome. В нем нет ошибок.

+1

Вы поставить правильный путь к изображению внутри 'url' для' background'? –

+0

Не могли бы вы обновить исходный вопрос по пути сохранения вашего изображения? – phantom

+3

Ваш код работает здесь, на jsfiddle http://jsfiddle.net/fw9k5fbw/ – Ishita

ответ

1

enter image description here я попробовать это демо работает, пожалуйста, попробуйте, ваши проблемы не ставит правильный путь к url для background 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> 
Смежные вопросы