我有一个非常奇怪的问题，CSS 3D有时转换工作，有时不转换。在升级到最新版本的Chrome之前，它始终有效，但在版本16中它只能随机使用。
更具体地说，似乎-webkit-perspective不会使一切变平（尽管元素仍然会被转换）。在页面加载后更改Chrome的“firebug”中的透视图也不会影响任何内容。
相关网页位于：http://exscale.se/__files/uploads/jquery-3d-circle.htm。我知道有很多代码，但与3D变换相关的东西都在这个CSS文件中：http://code.google.com/p/sleekphp/source/browse/trunk/Sites/SleekBase/Modules/Base/CSS/jQuery.threeDCircle.scss
我的问题是：您是否遇到过与我的网页相同的问题，或者您是否亲身经历过这个问题？如果是这样，你能想到触发它的任何事情吗？
我应该提到我使用的是Ubuntu 10.10和Chrome 16.0.912.63。
答案 0 :(得分：16)
Chromium将您的GPU列入黑名单并拒绝执行任何3D CSS。
解决方案非常简单：在“chrome：// flags”中打开“覆盖软件渲染列表”选项。
答案 1 :(得分：1)
转到Chromium web SCM interface并检查您的GPU未列入黑名单。
此外，转到chrome：// gpu /并检查Chrome是否已将3D CSS报告为已启用。
答案 2 :(得分：1)
我发现这可能是问题所在。当您使用代码时
-webkit-perspective: 600px;
您需要在要使其影响的元素的父中拥有该内容。如果它在实际元素中，则需要与变换组合，如此
-webkit-transform: perspective(600px) rotateY(45deg);