Jump to content
Search In
  • More options...
Find results that contain...
Find results in...

OWL карусель с выкидными блоками и z-index


Recommended Posts

У меня уже истерика... я никак не ожидал такой подлянки от owl карусели. Наверняка кто то сталкивался с такой проблемой - поделитесь, пожалуйста, опытом!

 

Делаю вот такие, выкидные блоки - http://jpegshare.net/images/e0/f0/e0f0342d4c25393cff2abd9d64ebdbda.png но чтобы они были видны - пришлось убрать overflow: hidden;  у главного блока модуля. Хотел прикрыть выступающий контент с боков - псевдоэлементами с белым фоном, а главному блоку сайта задать overflow: hidden;  но не тут то было - абсолютно все внутрненние div-ы owl карусели не поддаются z-indexu! Что делать?!? Спасайте!

 

Сайт - http://shop.wspaket.net/

Link to post
Share on other sites
Guest

Ну **, какая подлянка, это же базис любой карусели - owerflow: hidden.

Делайте это свойство только по горизонтали 

owerflow-x: hidden

Edited by Guest
Link to post
Share on other sites

Ну **, какая подлянка, это же базис любой карусели - owerflow: hidden.

Делайте это свойство только по горизонтали 

owerflow-x: hidden

 

Это первое, что мне пришло на ум и вот что из этого получается - http://jpegshare.net/images/6b/da/6bda5371feee639af12c36867f8342cb.png добавляется вертикальный скролл и выкидной блок с атрибутами товара остаются в пределах главного блока.  :(

 

За 2 суток работы - я не нашёл решения, как же сделать выкидные блоки в этой карусели. Готов оплатить решение, мне просто из принципа интересно... ещё интересно - почему у внутренних блоков карусели не работает z-index, ведь ни в стилях ни в скриптах он никак не задан...!?!?

Edited by DRONGO
Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.