I have been trying to solve a problem for a long time, I need the icons shown in the screenshot, placed under the item card itself. I tried z-indexes. In no case do not think that I want to be done for me. At least tell me the direction of further action

enter image description here Link

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

  • bitrix .... do you make your own pattern? - user33274
  • Mostly blocks set and register z-index - ART4

2 answers 2

As an option to make the transfer of some blocks:

  1. Wrap the card block in a block with the position:relative attribute
  2. The card__stickers block card__stickers removed from the card block and placed in front of the card block
  3. For the card block add position:relative attribute

Simplified code:

 <div style="position:relative;"> <div class="card__stickers"> ... </div> <div class="card"> ... </div> </div>
  • still does not go. I made according to your recommendation and another comment by setting the color of the block. Need a shadow to fall on the buttons - stiv
  • then only card__ content-right to set a shadow - stiv
  • You did not take out the block with the class card__stickers outside the block with the class card , just looked at your site, so the shadow is not cast, check again. - Sergey Glazirin
  • I tried it locally, now uploaded to the site, what's done. but still there is no shadow :( - stiv
  • Add another block position:relative - Sergey Glazirin

You .card__content-right have it behind the .card__content-right block, it just has a transparent background, add background-color: #f5f6fa

  • In your version, you still need to add a shadow, since it is on the layout. And the .card__content-right block does not discard it - Sergey Glazirin