Фоновая картинка выходит за границу страницы справа.

Question

Фоновая картинка выходит за границу страницы справа.

Василий Иванов Мастер (1194), закрыт 4 года назад

CSS:
.Container_3{
display: flex;
flex-direction: column;
box-sizing: border-box;
height: 700px;
width: 100%;
}
.Container_3 img{
position: absolute;
box-sizing: border-box;
height: 700px;
width: 100%;
z-index: -1;
background-size: cover;
background-repeat: no-repeat;
filter: brightness(50%);
}
Как сделать так, чтобы оно не выходило за границу справа? Я специально ее вставил при абсолютном позиционировании, чтобы она затемненная (фильтр) не затемняла внутри еще другие элементы (кнопки и слова).
P.S html не выводится здесь на ответах, а превращается в картинку, но там все понятно, что внутри diva есть img

Answer 1

An1Byte Мудрец (10841) 4 года назад

ставь overflow: hidden; в блоке за который будет не доступно чему либо проникнуть))) если это "главный" фон то это должно быть прописано в стилях html, body{}

Василий ИвановМастер (1194) 4 года назад

не получилось, там почему то сам position absolute у img мешает, и ширина w100%, попробую уж как бэкграунд сделать и поискать решение в интернете.
Кстати, а на джаваскрипте можно как то его затемнить, не затемняя при этом другие элементы?

Василий ИвановМастер (1194) 4 года назад

В общем сделал по другому: поставил бэкграунд картинку, и к ней сделал темный градиент с прозрачностью. И всё))) Ураааааа!

Answer 2

Фоновое изображение не может выходить за границы элемента.
Значит, сам элемент у тебя имеет размеры отличающиеся от ожидаемых - это и нужно исправлять (либо исправлять ненормальные ожидания, в зависимости от ситуации).