背景图片left：50%
来源：7-8 切换背景图像综合练习题
可乐要加冰Xx
2017-08-21 12:25
img.bg为什么要设置left：50%呢 如果把left：50%删了，图片就不能正常显示了，为啥
写回答
关注
3回答
-
- hello_2
- 2017-09-11 11:03:29
position：fixed，left:50%是绝对定位，这个50%是相对于window而言的，也就是浏览器窗口。而translate：-50%，代表将元素向左移动50%长度，这个50%是相对元素自身而言的。这两个语句配合起来，可以使元素居中。如果你单独删除一个，比如left:50%,就只剩下元素向左移动50%的效果了，所以不能正常显示。不懂得话建议你去看看css定位的知识,以及各种居中效果如何实现的
-
- 信者得救
- 2017-08-23 10:02:07
我把它们注释了，有动作啊。只是动作在中间执行了，例如旋转在中间旋转了。而不是在left:50%的地方旋转了，再tranlate(-50%)。
你可以下载它的参考代码看看。还有，参考代码的html中的类bg与其它类之间少了空格，要改一下。
-
- 信者得救
- 2017-08-22 12:15:49
因为设置了left:50%;
下面还设置了translate(-50%)，让它回正left:0%的位置啊。
你可以同时把这两个都注释掉。
这样后面的动作位置就会变化
十天精通CSS3
本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备
242220 学习 · 2623 问题
相似问题