'IE11 z-index issue

I have strange layout issue with IE11, the nav on my website seems to be "sitting below" another element. Strange thing is that it works in every browser except for IE11.

Also if you click on "Go to benefits and see why.." in the circular block it takes you to the second section on the site. Nav works from every section except for the landing page.

Link to site here: http://goo.gl/WS1M8l

Hope someone can point me in the right direction.

Thanks guys.

htmlcssinternet-explorerz-indexinternet-explorer-11


Solution 1:[1]

There seems to be a lack of understanding utilising the z-index CSS property. See this great article:from Smashing Magazine which explains the z-index property and it's many use scenarios.

Note: You should amend your code to ensure cross-browser compatbility, not expect the browser to amend it's behaviour to suit your code.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 will

Related Questions