Question

我之前问过这个问题，有人在Fiddle上发布了一些内容，表明我的代码确实可以与Safari一起使用。所以我剥离了我的页面，试图找到任何错误。事实上，我确实找到了一个相当重要的但是 - 但它并没有解决我的问题。

问题是分配了高z-index值的元素（例如标题）不会浮动到具有较低z-index值的元素之上。

我创建了一个非常简单的HTML页面并尝试了它，结果相同。然而，相同的代码在JFiddle中完美运行 -

这里是CSS：

body {
 background: #cff;
}
.test {
 position: fixed;
 z-index: 5;
}
h2 {
 color: #00f;
 position: relative;
 z-index: 1000;
}

由于代码显然有效，因此浏览器中必定存在错误。我清除了缓存（历史记录），但这并没有解决任何问题。我最近升级到优胜美地和Safari 8.0，所以这显然有些奇怪，但还没有真正修复。

我只是想知道是否有人可能经历过类似的事情。我之前通过修改我的z-index方案修复了它 - 但是新方案并不能与其他浏览器一起使用。

然而，如果能够编写仅适用于特定浏览器（Safari）的样式表，那将是一种解决方案。可以这样做吗？