Фоновый CSS НЕ ПОКАЗЫВАЕТСЯ за оберткой - PullRequest
Новая
       7

Фоновый CSS НЕ ПОКАЗЫВАЕТСЯ за оберткой

0 голосов
/ 11 сентября 2018

Я пробовал тег background-image в моем CSS, а также в теге в моем HTML.Я не могу получить ничего, чтобы появиться за моей оберткой.Я могу заставить свой фон обертки появляться с цветом, но это так.

html,
body {
    background-image: url("https://vgy.me/u/TpG24N");
    text-align: center;
    height: 100%;

}

#wrapper {
    margin: 2% auto;
    width: 875px;
    height: 80%;
    box-sizing: border-box;
    background-color: rgb(250, 194, 245)
}

#subwrapper {
    position: relative;
}

Ответы [ 3 ]

0 голосов
/ 11 сентября 2018

URL вашего фонового изображения https://vgy.me/u/TpG24N не относится к изображению, вы имеете в виду https://vgy.me/TpG24N.jpg

html,
body {
    background-image: url("https://vgy.me/TpG24N.jpg");
    text-align: center;
    height: 100%;

}
0 голосов
/ 11 сентября 2018

Вы не добавили URL-адрес расширения изображения 

html,body {
    background-image: url("https://vgy.me/u/TpG24N");
    text-align: center;
    height: 100%;

}

Также нужно добавить 

#wrapper{
 background-color: transparent;
}
0 голосов
/ 11 сентября 2018

Вы устанавливаете цвет фона в #wrapper, который не будет показывать ничего позади. Просто установите: 

#wrapper{
 background-color: transparent;
}

Теперь элемент, стоящий за #wrapper, будет просвечивать.

Edit`:

Вы также можете сделать это semi-transparent, если хотите, сохраняя свой цвет и установить opacity в значение от 0 до 1, например: 

#wrapper {
    background-color: rgb(250, 194, 245)
    opacity: 0.5;
}

Теперь #wrapper будет иметь полупрозрачный цвет. Поэкспериментируйте с правильным значением непрозрачности, пока оно не станет таким, как вы хотите.

...