Фон на веб-сайте отключается

Я создаю веб-страницу.

У меня была фотография в качестве фона, пока на большом экране я не понял, что она не растягивается так, как предполагалось. Изображение было в основном градиентом цветов, но я решил, что я мог бы сделать это с помощью встроенной функции градиента css: s.

Дело в том, что фон обрезается. Внизу у меня есть col-sm-12.text-center, и он ниже этого, который он отключает. Внизу у меня есть нижний колонтитул, поэтому между концом col-sm-12 и местом нижнего колонтитула есть пробел.

Я надел не повторение на фоне градиента, так как я не хочу, чтобы он повторялся, но продолжал всю страницу.

Я искал, но не нашел ответа на эту проблему.

Я подозреваю, что проблема с col-sm-12 может быть проблемой, но у вас, ребята, есть какая-то другая сущность в этой проблеме?

-2
21 апр. '16 в 15:27
источник поделиться
2 ответа

для наращивания фонового изображения используйте размер: обложка;

.my_bg_img  {
   background-image: url('./your_image.jpg');  
  background-size: cover; 
  background-repeat: no-repeat;  
  height: 100%;
  widht: auto;
}   

это соответствует контейнеру... если контейнер слишком мал, удалите col-sm-12 или измените соответствующий контейнер (например: корпус для образца)

0
21 апр. '16 в 15:31
источник

У меня нет ничего в моем Html. В моем CSS

body{
     font-family: "Source Sans Pro Light", sans-serif;
     background: linear-gradient(to bottom left, black, white);
     background-size: cover;
     margin-bottom:10px;
     background-repeat: no-repeat;
     height: 100%;
     width: auto;
0
21 апр. '16 в 15:42
источник

Посмотрите другие вопросы по меткам или Задайте вопрос