相对于translateZ（0）的CSS性能
许多博客都表示，通过“ transform:translateZ(0)加速”GPU来提高动画和过渡的速度，可以认为元素是3D，从而提高了性能。我想知道以下列方式使用此转换是否有影响：
* {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
问题答案：
CSS转换会创建一个新的堆栈上下文并包含该块，如规范中所述。用简单的英语来说，这意味着对固定位置的元素应用了转换后，它们的行为将更像是绝对定位的元素，并且z-index值很可能会被拧紧。
如果您看一下这个演示，您将明白我的意思。第二个div应用了转换，这意味着它创建了一个新的堆叠上下文，并且伪元素堆叠在顶部而不是下面。
所以基本上，不要那样做。仅在需要优化时才应用3D变换。-webkit-font-smoothing:antialiased;是利用3D加速而不产生这些问题的另一种方法，但它仅在Safari中有效。
-
问题内容： 当我通过相对路径引用CSS文件中的图片或其他文件时，是使用CSS文件相对于CSS文件还是HTML文件的路径？ 问题答案： 是的，这是相对于 这是一个示例布局： CSS中：
-
问题内容： 我已经看到过这种表示法使用了很多东西，我想知道，这两种表示法之间有什么显着区别吗？ 和 我一直都在使用，因为我觉得它看上去更干净，但是我不太确定浏览器的解释是否不同于。 有谁知道哪个更好或更正确？ 问题答案： 当单位为时，虽然单位是可选的，但我倾向于将其保留，因为然后我可以使用Chrome的开发者工具通过点击值并按向上/向下箭头键来调整值。没有单位，这实际上是不可能的。 此外，CSS缩
-
问题内容： 在CSS文件中定义诸如背景图片URL之类的内容时，使用相对URL时，它相对于何处？例如： 假设文件包含： 如果我包括通过这个样式表到不同的文件会在CSS文件中的相对URL是 相对于样式表文件 中或 相对于当前文档 包括它是什么？可能的路径如下： 问题答案： 根据W3： 部分URL相对于样式表的来源而不是相对于文档进行解释 因此，在回答您的问题时，它将相对于。 如果考虑到这一点，这是有道
-
问题内容： 我最近发现了一个使用绝对位置div的站点，其上，左，右和下限值均设置为0。这创建了100％高，100％宽的div。我现在也在使用此功能，并且想知道是否有任何理由不这样做？ 它确实运行良好，这是一个简单的解决方案，而我使用的另一种方式则存在无法修复的错误。我正在使用的应用程序应该只占用浏览器窗口的任何位置，并且永远不需要更大。 问题答案： 我现在也在使用此功能，并且想知道是否有任何理由不
-
问题内容： 我试图弄清楚如何调整图像的大小，以使其保持高宽比，但是要调整大小，直到图像的高度与包含div的高度匹配为止。我有这些非常大和很长的图像（屏幕截图），我想将它们放入200px宽，180px高的div中以进行显示，而无需手动调整图像的大小。为使外观更好看，图像的侧面需要溢出并用包含的div隐藏。这是我到目前为止的内容： HTML CSS 如您所见，图像父容器上显示灰色，根本不显示灰色。为了
-
问题内容： 考虑一下： 因此，万一我只想得到它，是否足以代替它使用？ 问题答案： 您可以同时使用或获取。 但是从性能角度来看，我想这会稍微快一点，因为它只是检查 页面的DOM中是否存在 某个 元素 。这并不一定意味着该元素是可见的。而必须检查 元素是否存在于页面的DOM上并且可见 。可见性意味着不仅显示元素，而且其高度和宽度都大于0。 因此，根据您的情况使用就足够了。 您可以考虑以下几点，根据您的