Menu icon Foundation
Clearing lightbox alignment issue in IE9

Hey Team! Geoff emailed us with a question about clearing and IE9. Let's help him out!

--

Hello,

First let me say that I love Foundation, it is by far the best framework I have used.

I built a site using Foundation 4, utilizing the clearing lightbox plugin. In order to have elements positions correctly in IE9 I applied position:relative to certain elements on the page. When I open the lightbox of the image gallery, the elements of the page that have position:relative are on top of the image lightbox. Any idea how I can have the lightbox on top of all of the elements on the page?

I am attaching a screenshot of the issue. Also, here is the link to the page that I am referring to http://threeriverspainting.com/gallery.html

Thank you very much for your help!

Geoff

Screen shot 2014 01 08 at 7.59.38 pm

clearingIE9lightbox

Hey Team! Geoff emailed us with a question about clearing and IE9. Let's help him out!

--

Hello,

First let me say that I love Foundation, it is by far the best framework I have used.

I built a site using Foundation 4, utilizing the clearing lightbox plugin. In order to have elements positions correctly in IE9 I applied position:relative to certain elements on the page. When I open the lightbox of the image gallery, the elements of the page that have position:relative are on top of the image lightbox. Any idea how I can have the lightbox on top of all of the elements on the page?

I am attaching a screenshot of the issue. Also, here is the link to the page that I am referring to http://threeriverspainting.com/gallery.html

Thank you very much for your help!

Geoff

Screen shot 2014 01 08 at 7.59.38 pm
Rafi Benkual over 5 years ago

We tested our docs page, built on Foundation 4 with IE9. It is working fine. https://www.evernote.com/shard/s304/sh/16bef34f-8adb-42af-ae25-73064173c752/7125a9a5b0d46e9ce87eb68a7c8c95b7

Something in the code is causing this. We will look into the code to see may cause this.

Jesse Matlock over 5 years ago

I had this same issue, it was due to the parent container that I had my Clearing in was set to position: relative.. and the menu I used was set to a higher z-index than that parent.. also needed.. so, with some changes to the z-index of the menu and the parent of the Clearing section.. we got it sorted out.