Как сделать, чтобы два определенных блока не перекрывали третий?

Question

[pashabomber]

Добрый день!

bimicon.volodin-web.ru
Внизу есть блок "ПОПУЛЯРНЫЕ ТОВАРЫ". Если навести мышкой на один из товаров, то снизу появляется текст. Но "точки" слайдера и кнопка, которые идут ниже, перекрывают этот появляющийся блок. z-index ему задал, но не помогает.

Помогите, пожалуйста, решить проблему!

Заранее спасибо!

Answer 1

[WQP]

Добавь в CSS

.popular-items .slick-dots { z-index: -1; }

.popular-items .button { z-index: -1; }