Расположить иконки под блок

218
04 июня 2018, 19:40

Очень долго пытаюсь решить проблему, необходимо иконки представленные на скриншоте, расположить под саму карточку товара. Пробовал z-index'ы. Ни в коем случае не думайте, что хочу чтобы сделали за меня. Хотя бы подскажите направление дальнейших действий

Ссылка на сайт

https://ivanovst.ru/projects/megamarket/card.html

Answer 1

Как вариант сделать перенос некоторых блоков:

  1. Обернуть блок card в блок с атрибутом position:relative
  2. Блок card__stickers вынести из блока card и поставить его перед блоком card
  3. Для блока card добавить атрибут position:relative

Упрощенный код:

<div style="position:relative;">
    <div class="card__stickers">
       ...
    </div>
    <div class="card">
        ...
    </div>
</div>
Answer 2

У вас он и так находится за блоком .card__content-right, просто у него фон прозрачный, добавьте background-color: #f5f6fa

READ ALSO
Сколько ютуб-видео лучше добавить на страницу?
HTML

Сколько ютуб-видео лучше добавить на страницу?

Допустим из админки будут добавляться iframe youtube на сайт, и количество добавляемых видео будет большоеСколько лучше должно быть видео на одной...

 244
Записать в json массив данные
HTML

Записать в json массив данные

есть таблица, как записать данные с ячеек в json массив вида {data-name: "значение ячейки" }

 277
Плавное изменение opacity при прокрутке
HTML

Плавное изменение opacity при прокрутке

Помогите пожалуйста сделать плавную прокрутку блоков как на tv3 (https://tv3ru/) то есть изменение opacity в зависимости от высоты прокрутки

 238
Как сделать &lt;button&gt;, активный только в определённый период времени?
HTML

Как сделать <button>, активный только в определённый период времени?

Как сделать кнопку <button enabled>, чтобы было активно только в рабочее время? Например: с 10:00 до 18:00 была активна кнопка, а после 18:00 неактивна...

 217