Z-Index 和粘性元素

Question

我的网站有粘性header，产品有Jquery缩放效果。

这两个元素实际上是冲突的，缩放效果超过了粘性header。

我试图减少 Z-index 的缩放效果，但没有。

这里是 link : http://www.directportes.fr/luxe-1

我使用脚本制作了粘性元素：

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

我使用了另一个脚本来实现缩放效果：

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

Answer 1

我检查了一下，发现您正在尝试使用位置固定的 z-index。检查此 stack overflow 问题以了解更多信息以及如何修复