0

我试图用 css 和 javascript 创建一个简单的旋转星球。首先，我尝试将图像作为背景，这在所有浏览器中都可以正常工作，但背景位置动画在 IE 中的性能非常差，并且很快提高了 RAM 使用率（每秒增加 50-100 MB），直到浏览器崩溃。然后我决定尝试在行星 div 中使用图像并为其位置设置动画，这会产生平滑的动画和低内存消耗，但正如您在下面的图像中看到的那样，图像泄漏到了边界之外。星球 div 有border-radius: 50%.

我试过添加overflow: hidden到这个星球，但没有奏效。除了使用某种口罩外，有没有办法防止泄漏发生？

行星

4

2 回答 2

0

所以要回答我的问题，css3pie 无法在 IE 7 和 8 中剪辑内容，因此不可能。

于 2012-07-22T23:26:14.707 回答
0

如果您将 css3pie 的行为应用于 img 标签本身，或者如果您将图像用作圆形容器的背景，则只能使用 css3pie 剪辑图像......我猜您希望月亮围绕垂直（y）轴向右旋转? 围绕 z 轴是可能的......但是 css3pie 会动态生成图像，因此如果您需要为圆形容器的内容设置动画，它将在每一帧上重绘。所以真的没有解决方案。杀死IE也许！？

于 2012-08-01T08:00:49.190 回答