0

Обрезается фоновая картинка, а должна растягиватся на всю ширину background-size: cover стоит как исправить? Отталкивает элемент вниз,у которого стоит position:absolute ,как сделать,чтоб не двигал?

<div class="leftImg"><img src="img/porcelaingirl.png" alt=""></div>
                <div class="middleBlock">
                    <div class="topSection">
                        <h1>Art <br>Salon</h1>
                    </div>
                    <h2>Оффициальный представитель,<br>
                    HAREND,LLADRO, и ROBBE&BERKING</h2>
                </div>
                <div class="rightImg"><img src="img/lowpoly_cat.png" alt=""></div>

.leftImg,
.rightImg
{
position: absolute;
left: 17%;
top: 25%;
}

введите сюда описание изображения

4
  • 1
    приложите минимальный воспроизводимы пример ru.stackoverflow.com/help/mcve 3 ноя 2018 в 8:02
  • Изменил, теперь есть немного кода 3 ноя 2018 в 8:07
  • 2
    Этого не достаточно. Сделайте фрагмент кода (иконка справа от вставки изображения в редакторе). Пример должен содержать html и css, достаточные, чтобы повторить проблему. В качестве изображений для наглядности можете использовать любые, найденные в поисковике, если не хотите/не имеете возможности вставить ссылку на оригинальные 3 ноя 2018 в 8:12
  • Дико любопытно. при чем тут background-size: cover и тег <img>?
    – Air
    3 ноя 2018 в 9:13

1 ответ 1

1

у меня это было реализовано так:

function getSize(el) {
    var w = 0;
    var h = 0;
    if (el){
        w = el.offsetWidth;
        h = el.offsetHeight;
    }
    return {w, h};
}


const w = getSize(document.getElementById("*родительский элемент*")).w;
const h = getSize(document.getElementById("*родительский элемент*")).h;

. . .

<img src={img} height={h} width={w} alt=""/>

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

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