2014-01-31 5 views
0

я хочу, чтобы установить фон с полной, как это изображение (должно реагировать)Как установить фоновое изображение полной ширины

enter image description here

но когда я применил это выглядит, как это и обрезать ниже часть.

https://dl.dropboxusercontent.com/u/180176008/test1/index.html

Пожалуйста, кто-нибудь мне помочь?

+0

использовать 'фон-размер: крышка;', а также, я закрыть свой вопрос так как вы не разместили свой код здесь. –

+0

i use html {\t background: url (../ img/bak.jpg) no-repeat top fixed; -webkit-background-size: покрытие; -moz-background-size: обложка; -o-background-size: покрытие; background-size: cover;} –

ответ

0

Попробуйте ниже примере.

HTML

<body class='imgclass'> 
    <b>Test page</b> 
</body> 

CSS

.imgclass{ 
    background-size:cover; 
    background-image:url("https://dl.dropboxusercontent.com/u/180176008/test1/Home-Page.jpg") ; 

} 

Я надеюсь, что это может помочь вам Fiddle

+1

Я сделал это, но результат такой же –

2

Попробуйте так:

html { 
    background: url(images/bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

И прочитал this arcticle

+0

i use html {\t background: url (../ img/bak.jpg) no-repeat top fixed; -webkit-background-size: покрытие; -moz-background-size: обложка; -o-background-size: покрытие; background-size: cover;} –

Смежные вопросы