CSS 3D 变换在 Chrome 16 中随机工作 [英] CSS 3D transforms works at random in Chrome 16

问题描述

我有一个非常奇怪的问题，CSS 3D 转换有时有效，有时无效.在升级到最新版本的 Chrome 之前，它始终有效，但在版本 16 中，它只能随机运行.

I have a really strange problem where CSS 3D transforms work sometimes and sometimes not. Before upgrading to the latest version of Chrome it always worked but with version 16 it only works at random.

更具体地说，似乎 -webkit-perspective 并没有让一切变得平坦(尽管元素仍然会被转换).页面加载后在 Chrome 的萤火虫"中更改视角也不会有任何影响.

More specifically it seems the -webkit-perspective doesn't take which makes everything flat (although the elements still get transformed). Changing the perspective in Chrome's "firebug" after the page has loaded doesn't affect anything either.

有问题的页面在这里: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

The page in question is here: http://exscale.se/__files/uploads/jquery-3d-circle.htm. I know there's quite a lot of code but the stuff related to the 3D transforms are all in this CSS file: http://code.google.com/p/sleekphp/source/browse/trunk/Sites/SleekBase/Modules/Base/CSS/jQuery.threeDCircle.scss

我的问题是:您在使用我的页面时是否遇到过同样的问题，或者您自己是否遇到过这样的问题?如果是这样，你能想到什么会触发它吗?

My question is: do you experience the same problem with my page or have you ever experienced this yourself? And if so, can you think of anything that triggers it?

我应该提到我使用的是 Ubuntu 10.10 和 Chrome 16.0.912.63.

I should mention I'm using Ubuntu 10.10 and Chrome 16.0.912.63.

推荐答案

Chromium 将您的 GPU 列入黑名单并拒绝执行任何 3d CSS.

Chromium blacklisted your GPU and refuse to do any 3d CSS.

解决方案非常简单:在chrome://flags"中打开覆盖软件渲染列表"选项.

the solution is pretty easy: turn on "override software rendering list" option in "chrome://flags".

见https://github.com/bartaz/impress.js/issues/40

这篇关于CSS 3D 变换在 Chrome 16 中随机工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！