0

Очень тупой вопрос, но не понимаю в чем дело. Есть картинка расположенная в боди

 <div class="back"> <img class="background" src="/img/svg/BG 2021 shape.svg" alt="2021"></div>

.back {
top: 0%;
animation: test 1s  ease-in-out;   
position: absolute;   
top: 15%;    
z-index: -1;
}


.background {
position: fixed;
 z-index: -1;
 width: 100%;
 max-width: 1440px;
 animation: teste 2s  ease;
 }

пытаюсь сделать адаптивную верстку, но как бы не старалась картинка вылазит за края, т.е все блоки не выходит за ширину в 400px, к примеру, а картинка имеет длину 800px

Ошибка, скорее всего, наитупейшая, но в притык ее не вижу(

4
  • Не совсем понял, что должно получиться, но то, что у тебя родительский блок имеет postion: absolute, а дочерний position: fixed уже очень странно) И зачем-то свойство top два раза указано.
    – kost1k
    7 дек 2020 в 12:46
  • А от чего, по-вашему, картинка берет ширину 100% ? 7 дек 2020 в 13:39
  • @kost1k, случайно оставила top: 0% ( 8 дек 2020 в 4:20
  • @Инквизитор по-хорошему должна брать ширину от дива 8 дек 2020 в 4:20

1 ответ 1

0

В общем, глаза замылились и делала всякую ерунду. Вдруг, если кто тоже столкнется с этой проблемой. Внимательно посмотри на расположение дива с картинкой относительно других элементов, выставь отступ, если такой требуется от элемента перед этим дивом, а не относительно всего тела. А так же поставь ширину у дива и image, которую вставляешь в блок. А всем отвечавшим спасибо, что уделили время тупой девочке)

1
  • А можно спросить, зачем такое нагромождение? Почему просто не background-image? да и для img свойство object-fit тут как раз в тему. 8 дек 2020 в 6:45

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.