Z-Index and Sticky Element

Question

I have a sticky header on my website and a Jquery Zooming effect on the products.

This two elements are in conflict actually, the zooming effect goes over the sticky header.

I tried to reduce the Z-index of the Zooming effect but nothing.

Here the link : http://www.directportes.fr/luxe-1

I used a script to make the sticky element :

https://gist.github.com/johnnyopao/896e042fe7daac49d119

I used another script for the zooming effect :

<script>
$(function() {
  $('.zoomElevate').elevateZoom({
    zoomType    : "lens", lensShape : "round", lensSize : 200
  });
});
</script>

Please provide code extracts instead of a link, so that we don't have to work ourselves through a dictionary of code — JohannesB, Aug 19 '16 at 14:35
Yeah, if you could actually post code, versus an entire website for us to debug that would be helpful, and make it a lot more likely for people to help. — bonzo, Aug 19 '16 at 14:36
(please read [this section of the Stack Overflow help pages](http://stackoverflow.com/help/mcve)) — JohannesB, Aug 19 '16 at 14:38

score 0 · Accepted Answer · edited May 23 '17 at 10:33

0

I checked it and i saw that you are trying to use z-index with position fixed. Check this stack overflow question to understand more for that and how to fix

edited May 23 '17 at 10:33

Community

1
1

answered Aug 19 '16 at 14:49

Edison Biba

4,384
3
17
33

Thanks for help, I'll check this now – fratelli724 Aug 19 '16 at 15:28
It's ok. It would be great if you would just get your header and an image code and create a jsfiddle or a code snippet here so we could try something on it :) – Edison Biba Aug 19 '16 at 15:30
After lot of research, it's seem there is conflict between this two property. Actually, I've changed the design. Thanks for help, I close the question. – fratelli724 Aug 23 '16 at 16:49

Z-Index and Sticky Element

1 Answers1