问题标签 [webkit-transform]

提前感谢您提供的任何帮助！我创建了一个似乎运行良好的地图工具；我得到了一张地图、一条可拖动的路线、多个航路点和一个完整的动态方向面板。我希望用户能够打印此网页并获取 map_canvas 和 Directions_panel。在测试中，打印预览曾经包含 map_canvas，但在此过程中，当我打印网页时，map_canvas 停止出现。如何在打印时显示它？

这是我的 HTML。

更新：搞乱CSS，我发现如果我删除“位置：相对”和“-webkit-transform: translateZ(0);”，地图就可以打印了。来自#map_canvas。不幸的是，这使得整个打印页面看起来很奇怪（地图太大而且位置不正确。）我应该添加另一个标签或 CSS 来解决这个问题吗？

当我将这种风格与#board（灰色）一起使用时

它在 Firefox 中的外观：

但在铬：

我们需要的是 Firefox 中的那个。那么我们应该怎么做才能在 chrome 中拥有相同的外观呢？

我正在为手机和台式机开发一个 HTML 应用程序。该应用程序针对基于 WebKit 的环境进行了优化。为了提高渲染速度，我正在使用硬件加速层（诸如此类-webkit-transform: translateZ(0);...）。

这在我的 iOS 设备上效果很好（使用 PhoneGap aka Cordova 来打包“本机”应用程序）。

在 Windows 和 OS X 上，我使用 Adob​​e AIR 3.5 来打包一个基于 HTML/JavaScript 的强制运行时应用程序。我发现这是最好的解决方案（目前），即使我尝试了许多其他解决方案（适用于 Windows 7 / OS X、TideSDK 的 Cordova，...）。

关键是 Adob​​e AIR 中的 HTML 渲染似乎没有经过硬件加速。你们中有人有这方面的经验吗？这里有可能在 AIR HTML 渲染中启用硬件加速层吗？

非常感谢 ：）

Firefox 18.0.1 上的 css @-moz-keyframes 动画不起作用，

我已经在以前的版本上检查过这个动画（忘记了以前的版本号），它正在工作，

这是动画

是 Firefox 的错误吗？

我不确定到底发生了什么，但我很确定这在某一时刻是有效的。

事件只是没有触发（或者我没有正确捕捉它）

见下面的小提琴。框完成转换后，应弹出警报，但未显示警报。

http://jsfiddle.net/cGwb4/1/

我编写了使用 -webkit-transform、-webkit-perspective 和几个类似的 CSS。我的设计在可以使用硬件加速但实际上无法使用的机器上看起来很像蜜蜂。如何检查硬件加速可用性并提供备用 CSS？

旁注：运行 chrome://gpu-internals/ 以手动检查可用性。

是否可以为此添加某种旋转过渡？我尝试将代码添加到 div 声明并创建另一个选择器，但这些似乎都不起作用。

我在使用 Safari 创建模拟漂浮在空中的气泡的效果时遇到问题，除了羽毛。我省略了一些代码来了解事情的要点。正在进行的工作的 url 在这里。

这是我的动画对象的 webkit 样式。

以及创建一堆对象的javascript。

如果您在 Chrome 或 Firefox 中访问该链接，您将看到预期的效果。然而，在 Safari（同样是移动设备或桌面）中，羽毛会堆叠，并且每 7 秒才会在一组中进行动画处理。我希望它们在插入 DOM 后立即开始动画。对此有什么想法吗？

尽管在 iOS 和每个桌面浏览器中都取得了成功，但我似乎无法让 translate 属性或 -webkit-transform 在 Android 浏览器上正常工作。

我的“完整”解决方案是一个像这样的小型 jQuery 函数：

像这样调用：

我在某些地方读到过，Android 同时破坏了对多个 css3 操作的支持；但是，即使我用这个简单的虚拟调用替换所有这些代码，转换也不会发生：

我做错了什么是特定于android的吗？

我将编写一个应用程序如下：有一个 Web 应用程序，通过这个 Web 应用程序，机构与中央组织通信（发送数据） 现在，这些机构中的一个需要一个如下应用程序：当用户准备一份数据副本将数据输入到 Web 应用程序表单。我决定编写一个 Windows 应用程序并使用 webbrowser 控件从网页获取数据。问题是一些标签和控件没有标识和获取它们的数据的 ID 或名称。有什么解决办法。提前致谢