我在使用CSS3进行关键帧动画时遇到了一些麻烦。动画图像的位置根据窗口/屏幕大小而变化。我试图找到解决这个问题的方法，但我迷路了。我试图指定一个边界，所以动画只在其中播放，但它不起作用。
请参阅here，然后尝试调整窗口大小。我知道这与position:absolute有关。我的最终目标是让空间背景从左到右移动，但如果有意义的话，它仍然在中心位置。
感谢您的帮助。
答案 0 :(得分：0)
问题在于margin-left和margin-right属性被设置为auto，它调整tdr-main的左边距，而space-bg的动画修改绝对左边位置。当窗口调整为较小尺寸时，tdr-main上的左边距缩小至45px，但背景图像上的左边距离仍然在绝对342px和450px之间移动。
如果您将space-bg嵌入到具有自动边距的同一容器中，
<div id="tdr-main">
<div id="space-bg">
</div>
[...]
</div>
然后两者都将保持居中，并且space-bg上的位置将相对于居中的容器div。只需使用绝对或相对定位的z-index即可正确堆叠。