Page 1 of 1
z-index problem in Carousel in full width mode
Posted: Mon Sep 16, 2019 6:57 pm
by mckonen
Hi, noticed that z-index order not working in Carousel when set it to full width mode, Carousel is in front of everything, in full width set to "none" everything works fine. Nothing helped within the WB15, but by adding this style="position: relative; z-index: 2;"> after the <div id="wb_Carousel1"> with notepad fixed this issue, so: <div id="wb_Carousel1" style="position: relative; z-index: 2;">.
Not the big issue, but just wonder is this a bug or not...
Re: z-index problem in Carousel in full width mode
Posted: Mon Sep 16, 2019 8:22 pm
by Pablo
This is expected behavior because in order for the Carousel to be full width, it must be outside the body container and therefor it it will be added at the end of the HTML.
So, the z-index does not have any effect relative to the rest of the content.
Re: *** NOT A BUG *** z-index problem in Carousel in full width mode
Posted: Fri Sep 20, 2019 7:54 pm
by mckonen
Yes, the Carousel is in the end of the page, but just wonder that this same z-index value can be add in the objects - custom style html in the WB, but not working even though is the same code as the manually edited and it works right, very weird in deed...
and noticed the position must be set to absolute the work properly.