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-观点没有考虑这使得一切持平（尽管该元素仍然可以转化）。更改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.

在问题的网页是在这里：<一href="http://exscale.se/__files/uploads/jquery-3d-circle.htm">http://exscale.se/__files/uploads/jquery-3d-circle.htm.我知道有相当多的code，但涉及到3D转换的东西都在这个CSS文件：<一href="http://$c$c.google.com/p/sleekphp/source/browse/trunk/Sites/SleekBase/Modules/Base/CSS/jQuery.threeDCircle.scss">http://$c$c.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.

推荐答案

铬列入黑名单，你的GPU，并拒绝​​做任何3D CSS。

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

解决的办法是pretty的方便：打开覆盖软件渲染列表选项中的铬：//标志。

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

看<一href="https://github.com/bartaz/im$p$pss.js/issues/40">https://github.com/bartaz/im$p$pss.js/issues/40

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