个回答

• hello_2

  2017-09-11 11:03:29

  已采纳

  position：fixed，left:50%是绝对定位，这个50%是相对于window而言的，也就是浏览器窗口。而translate：-50%，代表将元素向左移动50%长度，这个50%是相对元素自身而言的。这两个语句配合起来，可以使元素居中。如果你单独删除一个，比如left:50%,就只剩下元素向左移动50%的效果了，所以不能正常显示。不懂得话建议你去看看css定位的知识,以及各种居中效果如何实现的

  1

• 信者得救

  2017-08-23 10:02:07

  我把它们注释了，有动作啊。只是动作在中间执行了，例如旋转在中间旋转了。而不是在left:50%的地方旋转了，再tranlate(-50%)。

  你可以下载它的参考代码看看。还有，参考代码的html中的类bg与其它类之间少了空格，要改一下。

  
  

  0

• 信者得救

  2017-08-22 12:15:49

  因为设置了left:50%;

  下面还设置了translate(-50%)，让它回正left:0%的位置啊。

  你可以同时把这两个都注释掉。

  这样后面的动作位置就会变化
  

  0