Javascript Windows XP上的Chrome中未显示3D变换

我有一个包含一系列立方体的页面。这些立方体使用CSS进行三维转换

它们在Windows7上的Chrome中显示良好，但在WindowsXP上的Chrome中，我看到的只是白色背景。两者都运行最新版本的Chrome

---

只有启用GPU加速，Chrome才会正确渲染3D css。如果在safari for windows上测试相同的代码，它应该可以工作

要查看您的chrome是否启用了GPU加速功能，请在地址栏中键入about:GPU并查看它的说明

---

只有启用GPU加速，Chrome才会正确渲染3D css。如果在safari for windows上测试相同的代码，它应该可以工作

要查看您的chrome是否启用了GPU加速功能，请在地址栏中键入about:GPU并查看它的说明

---

嗯，也许您没有启用3D渲染的GPU，或者您的图形驱动程序不支持它？

嗯，也许您没有启用3D渲染的GPU，或者您的图形驱动程序不支持它？

您尝试过Modernizer吗

转到本页

点击下面的下载

在页面上使用JavaScript

如果它能像我想的那样工作，在Chrome中的Win7机器上，html标记应该有一个

csstransforms3d

类，在Chrome中的WinXP机器上，html标记应该有一个

no-csstransforms3d

我不知道modernizr/chrome是否那么智能，3d加速是否可用，并在适当的css类中反映出来

编辑 这是一把小提琴

---

你试过现代化吗

转到本页

点击下面的下载

在页面上使用JavaScript

如果它能像我想的那样工作，在Chrome中的Win7机器上，html标记应该有一个

csstransforms3d

类，在Chrome中的WinXP机器上，html标记应该有一个

no-csstransforms3d

我不知道modernizr/chrome是否那么智能，3d加速是否可用，并在适当的css类中反映出来

编辑 这是一把小提琴

---

以下功能将在chrome和firefox上运行 CSS代码

HTML代码

<div class="flip-container" ontouchstart="this.classList.toggle('hover');">
  <div class="flipper">
    <div class="product-box front">
       #front content
    </div>
    <div class="product-box back">
      #back content
    </div>
  </div>
</div>

#封面内容
#背景内容

以下功能将在chrome和firefox上运行 CSS代码

HTML代码

<div class="flip-container" ontouchstart="this.classList.toggle('hover');">
  <div class="flipper">
    <div class="product-box front">
       #front content
    </div>
    <div class="product-box back">
      #back content
    </div>
  </div>
</div>

#封面内容
#背景内容

请指定您正在使用的浏览器。是的，我在问题中提到了chrome本身，并且每台机器上的chrome版本是：我们等待它…这是版本25.0.1364.160 M Windows XP机器是否有能够呈现您正在使用的3d变换的图形卡/芯片组？如果它足够旧/便宜，它可能无法进行所需的3d渲染。请指定您正在使用的浏览器。是的，我在问题中提到了chrome本身，每台机器上的chrome版本是：我们等待它…这是版本25.0.1364.160 M Windows XP机器是否有图形能够呈现您正在使用的3d变换的卡/芯片组？如果它足够旧/便宜，它可能无法进行所需的3d渲染。我说的是xp，而不是windows 7。你说的话没有阅读其他人发布的asnwers。您是否测试过XP机器中的Chrome是否启用了GPU加速功能+1回答：你们能告诉我如何测试它吗进入你们的机器>>XP>>启动>>运行>>“dxdiag”>>输入---这个命令将运行一个内置的程序来检查你们计算机的DX（Direct X），它也将显示你们的GPU细节：）我是在谈论XP而不是windows 7你在谈论时没有阅读别人发布的ASNWER。您是否测试过XP机器中的Chrome是否启用了GPU加速功能+1回答：你们能告诉我如何测试它吗进入你们的机器>>XP>>开始>>运行>>“dxdiag”>>输入---这个命令将运行一个内置的程序来检查你们计算机的DX（Direct X），它也会显示你们的GPU细节：）谢谢你们的回答…如果这部分工作方式符合我的想法，如何测试它，在Chrome中的Win7机器上，html标记应具有csstransforms3d类，在Chrome中的WinXP机器上，html标记应具有no-CSSTRANSFORMS3DY类。您必须构建一个测试html页面，在其中插入带有

脚本
标记的Modernizer脚本。在浏览器中打开它。使用
F12
和元素检查html。查找
html
标记的class属性。感谢您的回复…如何测试这部分，如果它能按照我的想法工作，在Chrome中的Win7机器上，html标记应具有csstransforms3d类，在Chrome中的WinXP机器上，html标记应具有no-CSSTRANSFORMS3DY类。您必须构建一个测试html页面，在其中插入带有
脚本
标记的Modernizer脚本。在浏览器中打开它。使用
F12
和元素检查html。查找
html
标记的class属性。
<div class="flip-container" ontouchstart="this.classList.toggle('hover');">
  <div class="flipper">
    <div class="product-box front">
       #front content
    </div>
    <div class="product-box back">
      #back content
    </div>
  </div>
</div>