Фоновое изображение CSS дублирует само себяCSS

Разбираемся в CSS
Ответить
Anonymous
 Фоновое изображение CSS дублирует само себя

Сообщение Anonymous »

Мне хотелось бы знать, почему этот код CSS показывает два одинаковых фоновых изображения, даже если я устанавливаю только одно, ниже приведен код:

Код: Выделить всё

html, body {
margin: 0;
padding: 0;
}

body {
font-family: 'Roboto', sans-serif;
font-weight: 100;
}

.container {
margin: 0 auto;
max-width: 940px;
padding: 0 10px;
}

/* Header */
.header {
height: 800px;
text-align: center;
background-repeat: no-repeat;
background: url(http://www.bolsamania.com/cine/wp-    content/uploads/2016/07/9-2.jpg);
color: white;
padding: 100px;
background-repeat: no-repeat;
}

.header .container {
position: relative;
top: 200px;
}

.header h1 {
font-size: 80px;
line-height: 100px;
margin-top: 0;
margin-bottom: 80px;
}

@media (min-width:850px) {
.header h1 {
font-size: 120px;
}
}

.header p {
font-weight: 500;
letter-spacing: 8px;
margin-bottom: 40px;
margin-top: 0;
}

.btn:hover {
background: #117bff;
cursor: pointer;
transition: background .5s;
}

/* Nav */
.nav ul {
list-style: none;
margin: 0 auto;
padding: 30px 0;
text-align: center;

}
.nav ul li {
display: inline-block;
background-color: white;
padding: 1px 2px 1px 2px;
border: 1px solid black;
border-radius: 5px;

}

.nav {
background-color: black;
}

/* Main */
.main .container {
margin: 80px auto;
}

/* Jumbotron */
.jumbotron {
height: 600px;
text-align: right;
}

.jumbotron .container {
position: relative;
top: 220px;
}

/* Footer */
.footer {
font-size: 14px;
}

/* Media Queries */
@media (max-width: 500px) {
.header h1 {
font-size: 50px;
line-height: 64px;

}

.main, .jumbotron {
padding: 0 30px;

}

.main img {
width: 100%;
}
}

.btn {
border: 1px solid black;
text-decoration: none;
border-radius: 5px;
padding: 5px;
background-color: #808080;
color: white;
margin-bottom: 10px;
}

.main img {
float: left;
size: contain;
}
Изображение


Изображение будет повторяться, даже когда я добавил:

Код: Выделить всё

background-repeat: no-repeat;
Заранее спасибо за помощь.

Вы также сможете увидеть полный код HTML и CSS по этой ссылке: https://gist.github.com/2bc611f755c2422 ... 4a0ed11cf7

Еще раз спасибо.>

Подробнее здесь: https://stackoverflow.com/questions/427 ... tes-itself
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»