Jump to content

Recommended Posts

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 !

Link to comment
https://forums.phpfreaks.com/topic/290776-issue-with-masonry-overlapping-divs/
Share on other sites

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.

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.