已修复无法在Windows Safari上工作的位置
我有一个画廊的问题，这是立场：固定；网站的内容在上面滚动。除了Windows7上的Safari（是的，它甚至在IE8和Mac上的Safari中都能工作）之外，这个位置在每一个浏览器中都能工作已修复无法在Windows Safari上工作的位置,windows,safari,position,fixed,Windows,Safari,Position,Fixed,我有一个画廊的问题，这是立场：固定；网站的内容在上面滚动。除了Windows7上的Safari（是的，它甚至在IE8和Mac上的Safari中都能工作）之外，这个位置在每一个浏览器中都能工作 Top已定义，但它仍充当相对位置，并与其余内容一起向下滚动。解决方案是在该位置定义z索引：固定；元素。由于某些原因，仅在Windows Safari上位置：固定；直到定义了任何z索引才起作用 后来，我发现这个bug可能是由页面上某些固定元素的-webkit transform属性引起的 此外，我发现在固定元
Top已定义，但它仍充当相对位置，并与其余内容一起向下滚动。解决方案是在该位置定义z索引：固定；元素。由于某些原因，仅在Windows Safari上位置：固定；直到定义了任何z索引才起作用 后来，我发现这个bug可能是由页面上某些固定元素的-webkit transform属性引起的 此外，我发现在固定元素上设置此选项有助于：
-webkit-transform: translateZ(0);
我不知道这是否对任何人都有帮助，但我在twitter bootstrap V3.2.0中将下拉菜单与页面左侧对齐时遇到了这个问题（实际上是制作一个水平子菜单，填充页面宽度）。它似乎只是在safari（台式机和iphone）中失败了。 经过数小时的搜寻，我发现bootstrap V3.1.0有效，并将差异追溯到了这一点
.navbar-fixed-top, .navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
z-index: 1030;
-webkit-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}