Как заставить фон растягиваться на всю ширину?

Question

Как заставить фон растягиваться на всю ширину?

0

Я должен исправить фон HTML-страницы для полной ширины, но высота фона не соответствует моему дизайну. Как я могу это исправить?

Код CSS:

html {
    background: url(images/body_bg.jpg') no-repeat top left fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

user3331232 20 фев. 2014, в 06:43

Источник

0

Вместо этого используйте полноразмерное изображение.
Ali.Rashidi 20 фев. 2014, в 05:42
0

удалить backgroun-size: обложка, она должна растягивать ваше изображение в соответствии с шириной и высотой браузера ... и давать большое изображение bg.
Krish 20 фев. 2014, в 05:45
0

У вас есть тип в вашем коде вам не хватает ' в вашем объявлении пути
lazyprogrammer 20 фев. 2014, в 05:59

Показать ещё 1 комментарий

Теги:

html

css

2 ответа

Ещё вопросы

Вместо этого используйте полноразмерное изображение.
удалить backgroun-size: обложка, она должна растягивать ваше изображение в соответствии с шириной и высотой браузера ... и давать большое изображение bg.
У вас есть тип в вашем коде вам не хватает ' в вашем объявлении пути

Zach Saucier · Answer 1 · 2014-02-20T03-50-00.000Z

Вам не хватает ' в url

background: url('images/body_bg.jpg') no-repeat top left fixed;

демонстрация

Kapil · Answer 2 · 2014-02-20T04-49-00.000Z

Используйте размер фона, как тот, который используется ниже,

body {
  background-image: url(image1.jpg) no-repeat;
  background-size: 100%;
}

Некоторые полезные ссылки:

Масштабирование фонового изображения

Растянуть и масштабировать изображение с CSS. Только с CSS