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