CSS 3D变换在Chrome16中随机运行
我有一个非常奇怪的问题，CSS 3D转换有时工作，有时不工作。在升级到最新版本的Chrome之前，它总是可以工作，但在版本16中，它只能随机工作。
更具体地说，它似乎没有采用-webkit-透视图，这使得所有内容都是扁平化的(尽管元素仍然会被转换)。在页面加载后更改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。
回答 3
Stack Overflow用户
发布于 2012-01-09 20:24:04
Chromium将你的GPU列入黑名单，并拒绝做任何3d CSS。
解决方案非常简单:打开“chrome://flag”中的“覆盖软件渲染列表”选项。
Stack Overflow用户
发布于 2012-02-10 19:41:56
转到Chromium web SCM interface并检查您的图形处理器是否未被列入黑名单。
另外，访问chrome://gpu/并检查Chrome是否报告3D CSS已启用。
Stack Overflow用户
发布于 2012-06-15 03:21:10
这是我发现的可能是问题所在的东西。当你使用代码的时候
-webkit-perspective: 600px;您需要在您希望其影响的元素的父级中包含该元素。如果它在实际的元素中，则需要将其与转换结合，如下所示
-webkit-transform: perspective(600px) rotateY(45deg);https://stackoverflow.com/questions/8627707
复制相似问题
腾讯云开发者
