Почему мой фон повторяется? - PullRequest
Новая
       28

Почему мой фон повторяется?

0 голосов
/ 16 мая 2018

Я учусь создавать сайт, но у меня возникли некоторые проблемы из-за фона.

Фон повторяется, когда я добавляю содержимое в контейнер div.Почему это так и как я могу это исправить? 

.body {
    background: url("imgs/background.jpeg")no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.main{
   background-color:rgba(255,255,255,0.9) ;
margin:25px;

}

.container{

   width:63%;
    height:auto;
    background-color:rgba(255,255,255,0.9);
    float:left;
 box-shadow: 1px 1px 1px #000, 
               3px 3px 5px grey; 
    font-family: 'Orbitron', sans-serif;
    text-shadow: 1px 1px 1px #000, 
               3px 3px 5px grey; 
    margin-bottom: 30px;

}

Ответы [ 2 ]

0 голосов
/ 16 мая 2018

Вы используете сокращенный синтаксис со свойством background-image, это неправильно. Для этого вам понадобится свойство background: 

.body {
    background : url("imgs/background.jpeg") no-repeat center center fixed;
}
0 голосов
/ 16 мая 2018

Добавить background-repeat: no-repeat; на теле

для получения дополнительной информации о фоновых изображениях прочитайте ссылку https://www.w3schools.com/cssref/pr_background-image.asp

...