phdphd Posted September 1, 2014 Share Posted September 1, 2014 Hi All,I have a problem with masonry.I initially have a scrollable area that contains DIVs with fixed width. Each DIV contains info about an event, and consists of two DIVs, an upper one, and a lower one. When the user has JS enabled, only the upper one part displays. They can display the lower DIV by clicking a plus sign. Without masonry, this clicking operation will create a blank area. I woud like to get rid of this blank area.I tried to implement masonry, but the result is that when the lower part of a div is displayed, it overlaps the upper part of the div below it.At this stage I defined no options for masonry. I just installed masonry.pkgd.min.js and add class="js-masonry" to the scrollable area.Thank you for your help ! Quote Link to comment https://forums.phpfreaks.com/topic/290776-issue-with-masonry-overlapping-divs/ Share on other sites More sharing options...
WebOutGateway Posted September 5, 2014 Share Posted September 5, 2014 Hi, phdphd!Maybe you can try the z-index CSS property. It controls the elements that overlap with each other. The element with the greater z-index will be positioned in front of the element with lower z-index.I hope this helps. Thank you. Quote Link to comment https://forums.phpfreaks.com/topic/290776-issue-with-masonry-overlapping-divs/#findComment-1490021 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.