如何计算变换后的曲面的绝对位置
当您在div上使用transform时，绝对定位不再像您预期的那样工作，似乎需要手动计算。例如，当您希望div位于容器的底部时，您可以这样做： div{ position:absolute; bottom:0%; } 但如果您像-webkit-transform:rotateX(angle);那样转换此div，它将不会位于容器的底部。容器之间的位置取决于其大小。 我
..
webkit-transform相关内容
在 Chrome 中使用 webkit-transform 旋转时出现不稳定的文本抗锯齿
我正在使用 -webkit-transform: rotate() 旋转一个元素，在 Chrome 14.0.835.2 dev-m 中，它对元素内的文本做了一些非常奇怪的事情.它让我想起了在 Photoshop 中使用“平滑"抗锯齿而不是“清晰"旋转文本时获得的类似效果. 有人知道这里发生了什么吗?它是特定于这个 webkit 或 Chrome 版本的还是我可以做些什么来修复它?(它也不是
..
在 Safari 中滚动时元素消失 - -webkit-transform 修复仅在第一次有效
这只发生在 iPhone 大小的 Safari 中.我知道这个问题的“通常修复"是应用 -webkit-transform: translate3d(0,0,0);(根据 Serge 的回答 在这里)，这确实解决了问题，但只有一次. 当用户单击菜单按钮时打开的“抽屉"菜单会出现此问题.菜单会正常显示，但当用手指触摸/滚动时，整个菜单从页面上消失.应用 -webkit-transform: t
..
检查硬件加速可用性? (可以测试)
我编写了使用-webkit-transform，-webkit-perspective和其他类似方法的CSS.我的设计在可以使用硬件加速但实际上无法使用的机器上看起来有些屈膝.如何检查硬件加速可用性并提供后备CSS? 旁注:运行chrome://gpu-internals/手动检查可用性. 解决方案 可悲的是，答案似乎是“你还不能(还)". Modernizr项目在其“无法检测
..
jQuery可拖动和-webkit-transform:scale();
我遇到一种情况，在div内有可拖动的项目.但是，当使用-webkit-transform缩放父级div时，可拖动对象显然会停止正常工作. 我在此处复制了场景. 如您所见，即使父项的比例完全不同，可拖动项也相对于文档移动. 我将小数位数(示例中为1.5)作为JS中的变量，因此可以使用它，但是在哪里?我需要将拖动距离除以比例，对吗?我在哪里可以做? 编辑:我尝试将功能设置为dr
..
webkit变换规模制作项目消失
我正在尝试在HTML页面中缩放div。这个div包含很多canvas元素和其他div元素。基本上，此div充当页面中所有其他项的容器。使用Chrome“23.0.1271.95 m”和IOS6.0 safari，缩放后不会显示此div右侧和底部的项目。如果我调整窗口大小（或更改iPad上的方向），div会正确缩放并开始显示项目，但在一定大小后会再次消失。 这个使用过使用IOS 5.0和以前的
..
CSS3如何计算比例后的高度和宽度
是否有任何jQuery解决方案可以找到 -webkit-transform的精确显示高度：scale（0.7851）; scale 值可能会有所不同，这就是为什么寻找合适的解决方案 测试这些选项很遗憾没有'找到解决方案:( height（） innerHeight（） outerHeight（） outerHeight（true） 我认为这个问题只能解决一
..
将变换值添加到元素上已有的当前变换中？
假设我有一个 div ，其中包含 translateX 和 translateY 动态添加的值。
我想添加 rotateY
..
css @ -moz-keyframes动画不工作在firefox 18.0.1
在Firefox 18.0.1 CSS @ -moz-关键帧动画不能正常工作， 我已经检查了以前版本的动画（忘了先前的版本号），它是工作， 下面是动画 < HTML> @ -webkit-关键帧动画{ 0％{-webkit-变换：翻译（100像素，100像素），规模（1）; }
..
CSS缩放具有100％宽度的元素
我有兴趣缩小100％宽度的div。我遇到的问题是，当我缩放元素它获得一个固定的宽度，不再延伸100％的宽度。 示例 -
..
webkit-transform替代Firefox
有没有任何替代firefox上的-webkit-transform css规则？ 谢谢！ 解决方案 是的，它被称为-moz-transform。查看这篇文章 http://www.zachstronaut.com/posts/2009/02/17/animate-css-transforms-firefox-webkit.html 以下是官方文档： https://dev
..
如何获得CSS3-3d转换元素的屏幕位置？
我有一个非常复杂的网站建立在CSS3上，具有3d变换，旋转，翻转，翻转和一般扭曲的HTML元素。 找出这些元素之一的屏幕上的位置，并没有看到任何方式这样做。 或者，如果任何人可以解释 -webkit-透视 解决方案 你试过了吗？使用 getBoundingClientRect（） ？ 我已经成功地使用它来计算用 transform 属性转换的元素的尺寸。 p>
..
在Chrome中使用webkit-transform旋转时，文字消除锯齿
我使用 -webkit-transform：rotate（）旋转元素，并在Chrome 14.0.835.2 dev-m它做了一些很奇怪的东西，元素。它让我想起当你使用“平滑”消除锯齿而不是“清脆”旋转文本时，你在Photoshop中得到的类似效果。 任何人都知道这里发生了什么？它是特定于这个webkit或Chrome版本或有我可以做的来解决它吗？ （它也不是列表元素之间的边界的反锯齿）
..
使用iScroll $ P $展示我的设备上pvents键盘
我使用iScroll提供iPhone风格的滚动。但是，在点击文本框时，键盘不会显示出来。 虽然试图找到可能的原因，我发现删除 iScroll 脚本，使得它的工作正常，但在这种情况下，我错过了滚动功能。 这是在iScroll的错误。如果是的话，有没有一个测试变通？或者是有iScroll任何替代？ 先谢谢了。 解决方案 我是能够解决的错误。问题是与CSS。 我想可能是CSS以某种方式产
..