jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 将元素放在一切之上大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有个问题.我希望我的页脚能够在我页面中的其他所有内容之上.诀窍是我正在使用Galleria插件,它有自己的风格,出于某种原因即使我把z-index:99999;在我的页脚上它仍然不在顶部.

这是galleria容器,插件的主要部分.

.galleria-container {
    overflow: hidden;
    width: 960px; /* This value is changed by JS */
    height: 520px; /* This value is changed by JS */
    min-width: 960px;
}

这是我的页脚容器

#footer
{
    z-index: 9999;
    width: 700px;
    height: 500px;
    position: absolute;
    BACkground-color: aqua;
}

哦,所以当我加载我的网站它很好,我可以看到我的页脚,但当我调整窗口,从而执行此代码,它再次隐藏.

$(".galleria-container").css("width",$(window).width());
$(".galleria-container").css("height",$(window).height());

解决方法

z-inDicies相对于在相同堆叠上下文中具有z-index的其他元素.堆叠上下文定义为:

>文档根目录
>具有位置的元素:绝对或位置:相对和z-index
>部分透明的元素,即它们具有不透明度< 1
>在IE7中,任何具有position:absolute或position:relative的元素(这可能会导致许多错误,因为它是唯一以这种方式运行的浏览器)

简而言之,只要您拥有与上述任何一个匹配的元素,就会重置堆叠上下文,并且z-index仅相对于该容器.

您问题的简单答案是两件事之一:

>提高z-index甚至更高(一些插件使用荒谬的z-index数字)>在堆叠上下文方面确保您的页脚位于插件上方.您可能需要转到父节点以设置更高的z-inDicies或将页脚拉出父节点.

大佬总结

以上是大佬教程为你收集整理的jquery – 将元素放在一切之上全部内容,希望文章能够帮你解决jquery – 将元素放在一切之上所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。