left: 50%; z-index:1; -webkit-transform:...-慕课网

left: 50%;

z-index:1;

-webkit-transform: translateX(-50%);

-moz-transform: translateX(-50%);

-o-transform: translateX(-50%);

-ms-transform: translateX(-50%);

为什么要先设成50%再移回来呢？

Clementine

2014-11-07

源自：十天精通CSS3 7-8

关注问题我要回答

1773

操作

收起

3 回答

qq_慕雪3260036
2017-04-21

left:50% 表示左边距为父元素宽度的一半，此时该元素的最左侧，在父元素中居中了；translate(-50%);是向左移动自身宽度的50%，这时候才是此元素在父元素中居中。

0 回复有任何疑惑可以回复我~

收起回答

慕UI8719615
2016-12-02

在IE中不写是可以的，但在firefox里不写的话，图片只会在浏览器窗口右半边显示，左半边一片空白，我也不知道为什么会这样，已经提问了，希望有人解答

0 回复有任何疑惑可以回复我~

收起回答

zdddrszj
2014-12-17

其实是可以不写的

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

十天精通CSS3

参与学习 242699 人
解答问题 2623 个

本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备

进入课程

本课相似问答

1 回答

2 回答

搜索更多本课相关问答

我要回答关注问题

热搜

最近搜索清空

3 回答

本课相似问答