2014-11-21 2 views
1

Я хочу установить обложку на моей домашней странице. Я добавил следующий код css в моем less файле:css не работает с bootstrap less

background: url("../images/default-bg2.jpg") repeat scroll 0 0/100% 100% rgba(0, 0, 0, 0) 

Но это не похоже на работу.

Как установить отзывчивое изображение обложки?

Я использую бутстрап нет.

ответ

1

Возможно попробовать еще

background: url(../images/default-bg2.jpg) no-repeat center center fixed; 
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 

информация http://css-tricks.com/perfect-full-page-background-image/

+0

Когда я просматриваю браузер, изображение также прокручивается в Internet Explorer. Я не хочу, чтобы это прокручиваемое изображение –

+0

Если бы у меня был правильный вопрос ... это было бы решением background-attachment: fixed; –

+0

это работа. Я просто изменил фон 'fixed' на' scroll' –

0

добавив "background-size:cover;" к css должен работать.

Пожалуйста, попробуйте следующее:

фон: URL ("youimage.png") не повторять центр фиксированного центра;

-webkit-background-size: 100% авто;

-moz-background-size: 100% авто;

-o-background-size: 100% авто;

размер фона: 100% авто;

+0

Это не работает. –

0
background: url("../images/default-bg2.jpg") repeat scroll; 
background-position:100% 100%; 

Пожалуйста, попробуйте это.