gpt4 book ai didi

jquery - Safari 移动版上的 z-index

转载 作者:太空宇宙 更新时间:2023-11-04 13:24:16 24 4
gpt4 key购买 nike

我正在制作一个网络应用程序。当我显示叠加层时,它覆盖了我的整个屏幕,甚至是具有更大 z-index 的元素。当我控制台记录 z-indexes 时,覆盖为 20,内容为 80。

现在,我想要放在前面的 div 嵌套在另一个 div 中。这可能是问题所在吗?它适用于所有浏览器(FF、safari、chrome),但移动版 safari (iPhone) 除外。

<body>
<div id="overlay"></div>
<div id="content">
<div id="thisInFront"></div>
</div>
</body>

$("#overlay").fadeIn();
$("#thisInFront").animate({"top":"60%"},1000);

有没有办法让那个DIV在前面?还是我必须以其他方式嵌套我的 DIV?

最佳答案

这是适用于 iOS Safari 的解决方案:http://jsfiddle.net/ansonhoyt/E8yyH/

元素默认为 position: static。为了应用 z-index,您需要使用以下内容将元素从静态页面中拉出:#thisInFront {position: relative}。 jsfiddle 示例显示了一个固定位置 #overlay 覆盖整个视口(viewport),#thisInFront 在其上方凸起。在 iPhone 4S 上的 iOS Safari 6.0 上验证。

screenshot of jsfiddle

W3cschools.com defines static position如:“元素按顺序呈现,因为它们出现在文档流中”

查看问题,z-index not behaving as i'd expect .这没有叠加层,但适用相同的规则。

关于jquery - Safari 移动版上的 z-index,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11348999/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com