Tag: css position

在iOS设备上滚动时，元素的z-index不起作用: 我的布局相当简单，一个重复的背景元素，几个垂直空间（道路）和一些水平桥梁和一个小汽车，当你滚动时，应该在他们的下面开车。我的Mac上的一切工作正常，但在iOS设备上，我的testing设备是：iOS 6.1上的iPhone 4，iOS 6.1.3上的iPad 2 z-index当滚动事件处于活动状态时， z-index不被遵守。这意味着，当你滚动时， position: fixed在window的汽车正在越过桥（其具有比“汽车”更高的z-index ），而不是使z-index更高，因为它应该是和非iOS的浏览器，使得汽车驾驶的桥梁下。这看起来像一个简单的分层问题，但即使是一个非常简单的testing案例，这个错误仍然是显而易见的。 testing案例： http ： //plnkr.co/EAE5AdJqJiuXgSsrfTWH （在iPad上全屏查看，以避免与演示内容无关的iframe滚动问题）有谁知道什么是错误的代码，这将导致z-index不工作，而滚动处于活动状态？注意： iOS上的Chrome和原生的Mobile Safari都会发生这种情况。下面是链接到上面的简化testing用例上运行的代码位，以防有人在不打开演示的情况下指出修复。 HTML： <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="style.css"> </head> <body> <div class="car"></div> <div class="street"></div> <div class="bridge"></div> <div class="street"></div> <div class="bridge"></div> <div class="street"></div> <div class="bridge"></div> <div class="street"></div> <div class="bridge"></div> <div class="street"></div> <div class="bridge"></div> […]