CSS3: z-索引在iPad Safari中不起作用
CSS3是一种用于网页设计的样式表语言，它可以控制网页的布局、字体、颜色、背景等方面的样式。其中，z-索引（z-index）是CSS属性之一，用于控制元素在垂直方向上的层叠顺序。
在iPad Safari中，z-索引可能不起作用的原因是由于iPad Safari浏览器的一些特性和限制。iPad Safari浏览器对于某些CSS属性的支持可能有所不同，导致z-索引无法按预期工作。
解决这个问题的方法是使用其他CSS属性或技术来实现所需的效果，例如使用CSS的transform属性和translateZ()函数来创建3D效果，或者使用JavaScript来动态调整元素的层叠顺序。
腾讯云提供了一系列的云计算产品和服务，可以帮助开发者构建和部署各种应用。其中与前端开发相关的产品包括腾讯云CDN（内容分发网络）和腾讯云Web应用防火墙（WAF），用于加速网页加载和保护网站安全。与后端开发相关的产品包括腾讯云云服务器（CVM）和腾讯云容器服务（TKE），用于托管和管理应用程序的后端服务。此外，腾讯云还提供了数据库、存储、人工智能等相关产品和服务，以满足不同开发需求。
更多关于腾讯云产品的详细信息和介绍，请访问腾讯云官方网站：https://cloud.tencent.com/
相关·内容
当我在iPad Safari中看到时，我看到第二个固定的div隐藏在主div后面。任何帮助都是最好的。
谢谢。
浏览 0提问于2018-01-09得票数 0
回答已采纳
我在iPad上的移动Safari中运行一个HTML5 (+ CSS3和JavaScript)应用程序。我的HTML文件中的以下meta标签允许应用程序在使用iPad主屏幕上的图标启动时全屏运行：在我的应用程序的主菜单中有一个“关闭”选项。有谁知道我是否可以
浏览 0提问于2012-04-09得票数 2
回答已采纳
2回答
更新--这似乎是background在IE8中的一个问题。CSS3饼似乎正确工作，但当我有一个背景，它没有显示。如果我完全删除背景css，它将再次显示。IE： background: /*CSS */; /* Remove this property */现在我的问题变成了如何让CSS3饼在有背景的IE8中正常工作？原始问题
我试图在IE8中复制一个使用CSS3 Pie的外观
浏览 2提问于2012-10-09得票数 5
回答已采纳
该页面在Safari for Windows、Safari for Macintosh、Opera、Firefox、Chrome和IE中运行良好。这个页面过去也可以在iPad上工作，但是它已经不再工作了，改变的是iPad，而不是页面。
在iPad上，标签内容现在被切断了。例如，其中一页是从at中运行的术语表，该页在字母-H-处被切断。它过去一直滚动到-Z-。出于某种原因，<
浏览 2提问于2011-04-01得票数 2
回答已采纳
iPad在iOS 11上，正在尝试使用safari开发菜单进行调试。我在MacOS上使用的是MacBook Pro 2016。iPad名称将在开发菜单中显示约5秒钟。过了这段时间，它就消失了。如果我拔下iPad的插头，然后再重新插上，它的名字也会再次出现，只是短暂地出现。然后它又消失了。
有谁分享了同样的问题吗？任何修复都将不胜感激。
浏览 31提问于2017-09-19得票数 12
2回答
我的网站在iPad和iPad上的Safari中崩溃。我正在用css3动画制作一个大的图片(4800 x 374px，虽然只有336kb)。大约十秒钟后，这会导致Safari崩溃。
浏览 0提问于2012-08-07得票数 5
回答已采纳
所以我正在创建一个wordpress主题，它在所有现代浏览器上看起来都很不错，但似乎我在iPad上所做的一切看起来都不一样。特别是像CSS线性渐变和方框阴影这样的现代技术。它们根本不起作用。此外，一些图像不能正确显示，我在整个容器旁边的右边距为2px。
通常，我会使用Firebug之类的工具来调试该设备上的代码。但是因为我自己没有iPad，所以这对我来说是个麻烦。我已经看到互联网上有一些工具假装显示我的网站，就像我在真正的iPad上查看一样，但我得到的只是一个很好的<e
浏览 2提问于2013-06-10得票数 0
回答已采纳
它在桌面上看起来还可以，但在包括iPad和iPhone在内的iOS Safari上就不行了。我也曾尝试将z-index添加到其他div中，但不起作用。请帮帮我。谢谢。
浏览 0提问于2013-08-15得票数 6
这是一个Safari (Webkit)-only问题，它发生在这个站点的每个页面上：，仅在标题部分。所有的文字(导航，下拉菜单，按钮)以上的滑翔机革命是好的，并显示它的正常重量.直到滑翔机革命开始，细化字体显示(在字体重量/平滑之间来回切换)。据我所读，这似乎是一个字体平滑的问题，因为CSS3动画发生在下面的层(z-索引)。
一些帮助将是真正的感谢，因为即使是(高级)插件支持团队没有回答我的问题。谢谢:)
浏览 3提问于2014-02-10得票数 0
单击菜单项时，下拉子菜单会覆盖videoplayer容器(下拉菜单的z索引高于videoplayer的z索引)。在Safari和Chrome中，子菜单项的链接在点击时可以正常工作，但在iPad上的Mobile Safari中，它们不会做出反应。为了减少这个问题，我的最小示例包括一个覆盖视频元素的link元素。me</a>
<video src="" width="640" height
浏览 0提问于2011-03-10得票数 17
1回答
在我的标题下面有一个导航栏，滚动过标题后会粘在屏幕的顶部。现在，当你滚动的时候，这些帖子会在导航栏的顶部出现。
你自己看看吧，。
浏览 2提问于2013-09-05得票数 1
回答已采纳
我有一个使用mp3音频文件的Apache22测试播放列表：
75.127.142.66 - - [30/Dec/2011:13:24:19 -0500] "GET /mp3/playlist.m3u8Dec/2011:13:24:2
浏览 0提问于2011-12-31得票数 2
回答已采纳
3回答
目前正在建立一个新的博客，在iPad上有固定封面背景的问题-在浏览器上运行良好，但在ipad上滚动，尝试了很多东西，包括创建一个单独的背景div位置:固定的z-索引：-1；这产生了相同的效果。我不确定为什么会像我想的那样发生这种情况位置:固定和背景-附件:固定应该在iOS5中排序吗？
你可以在这里查看：
浏览 1提问于2012-08-06得票数 0
我在iPad上使用固定高度的TinyMCE遇到了很大的问题。我已经尝试在容器div上设置固定高度，我已经尝试通过CSS设置它，我已经尝试在init函数中定义它。
任何帮助都是非常感谢的！
浏览 3提问于2012-12-11得票数 3
1回答
对于HTML5中的"range“输入元素，有一种很好的方法可以将拇指和音轨分开。唯一的问题是它在不同的浏览器上的工作方式不同。丹尼尔·斯特恩( Daniel )在这方面做了一些。在webkit样式中，通过将position设置为relative并分配z-index值，很容易将不同的position值提供给拇指并跟踪。我试图绘制一个div元素在下半段的范围滑
浏览 3提问于2015-06-09得票数 4
回答已采纳
1回答
我在ipad上看到了一种奇怪的行为，iOS8.1。我有一个html/js应用程序，在这里我使用jquery动画进行转换。我使用两种动画的div位置以及淡入/退出效果。如果当应用程序打开时，我按下“电源”按钮让ipad进入睡眠状态，然后再次唤醒它(电源按钮，幻灯片，输入解锁代码)，那么动画就不再工作了。我把ipad连接到我的mac电脑上，在调试器中执行代码--每一行都正确执行，但动画根本没有动画。下面是一个演示这个
浏览 2提问于2014-11-21得票数 0
回答已采纳
有人知道如何在Flexslider v2中禁用CSS3转换吗？有人告诉我你可以禁用它们，但我不知道该怎么做。
目前，这些转换可能会导致与ipad上的Safari中的video.js发生冲突。
浏览 3提问于2013-01-10得票数 0
回答已采纳
2回答
我想创建CSS3多级下拉菜单，我已经在互联网上找到了一些例子。我决定使用这一个是因为它有很好的动画(不幸的是，在实际的用例中不能正常工作)：
我不能以任何方式解决第二级z-索引问题(它开始在第一个下拉列表的顶部动画，它应该在下面)。有更好的CSS3只有下拉菜单吗？我正在寻找的东西，将工作与任何数量的水平，并将表现良好的所有决议。
浏览 8提问于2012-10-27得票数 0
回答已采纳
在Chrome，Safari和IE中工作，只是Firefox不起作用。所有必需的文件都上载到服务器。 @字体-face{字体-家族：'Calgary'；src: url(‘.重要；颜色:白色；字体大小:26 top；字体-权重:普通；文本转换:大写；z-索引: 1；}。
浏览 1提问于2012-05-17得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
