使用-webkit-transform时固定的位置不起作用

  • Z时代
  • 2024-01-10
  • 分类：问答

我正在使用-webkit-transform（和-moz-transform /-o-transform）来旋转div。还添加了固定的位置，以便div与用户一起滚动。

在Firefox中工作正常，但在基于Webkit的浏览器中却坏了。使用-webkit-transform后，固定的位置不再起作用！那怎么可能？

回答：

经过一番研究，出现了一个错误报告上的Chromium网站上关于这个问题，到目前为止Webkit的浏览器无法对这两种效应一起在同一时间呈现。

我建议将一些仅Webkit的CSS添加到样式表中，并使转换后的div成为图像并将其用作背景。

@media screen and (-webkit-min-device-pixel-ratio:0) {
  /* Webkit-specific CSS here (Chrome and Safari) */
  #transformed_div {
    /* styles here, background image etc */
  }
}

因此，到目前为止，您必须以老式的方式进行操作，直到Webkit浏览器赶上FF。

编辑：截至10/24/2012，该错误尚未解决。

这似乎不是错误，而是规范的一个方面，这是由于这两种影响需要单独的坐标系和堆叠顺序。如这个答案中所解释。

以上是 使用-webkit-transform时固定的位置不起作用 的全部内容， 来源链接： utcz.com/qa/398115.html

回到顶部