2012-04-09 16 views
1

私はcssで3dスタックとして表示するように設定した画像がたくさんあります。それはSafariで常に正しく表示されますが(PCまたはMac)、時にはChromeでのみ表示されます。私はMozのものに入れていないので、確かそこでは動作しませんが、私はそれを認識しており、それは私が扱っている問題ではありません。それはMac上のChrome(一貫して)と新しいPC上でうまく動作するようだが、私のWindows XPマシンでは動作しません、そしてそれはほぼ間違いなくperspectiveプロパティの問題です。css 3Dパースペクティブが特定のブラウザで正しく表示されない

私はページのセクションを分離jsfiddleを設定している

http://jsfiddle.net/4vXXd/

ここでそれが機能していない視点でのWindows XP用のクロームである: Windows XPの加工用enter image description here

とSafariで: enter image description here

これを取得する方法についてのご意見はありますか?

+0

i3の3Dがあなたのchromeのコピーで有効になっていますか?アドレスバーに 'about:gpu'と入力して、何が表示されているのかを確認してください。 –

+0

3D CSS:ソフトウェアのみ、ハードウェアのアクセラレーションが利用できないので、それができるはずだということだと思います。 – loriensleafs

+0

私の推測では、そのブラウザで利用可能なハードウェア3dがないので、3D cssトランスフォームを無視していると思います。 –

答えて

5

Chromeは、GPUアクセラレーションが有効になっている場合のみ、真の視点3Dで3D cssをレンダリングします。そうでなければ、疑似三次元アイソメトリック投影の一種を使用します。

クロムのGPUアクセラレーションが有効になっているかどうかを確認するには、アドレスバーに「about:GPU」と入力し、表示される内容を確認します。

+0

はい!ありがとうございました。具体的には、3Dソフトウェアの無効化ラスタライザMac、Windows、Linux、Chrome OS GPUを使用できない場合、3Dソフトウェアラスタライザにフォールバックしないでください。 私は – loriensleafs

+0

をオンにしなければならないことを無効にしました。これは、奇妙なものです。完全にスムーズに動作し、コンプで何かを遅くしません。 – loriensleafs

+0

はい、ChromeでGPUアクセラレーションを使用してください!おそらくあなたのグラフィックスドライバの問題です。 'aboue:GPU'のページを読んでください。 –

関連する問題