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

关注问题我要回答

1786

操作

收起

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

参与学习 243106 人
解答问题 2677 个

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

进入课程

本课相似问答

2 回答7-3的问题

2 回答如何实现前三个child变色，只能写3次吗？

1 回答设置了两个relative，那么绝对定位是以哪个为参考呢

2 回答这样子：before和：after的性质不是一样了吗？重叠在一起：before并没有在effect前面啊

2 回答100％和255不是应该一样的吗

搜索更多本课相关问答

我要回答关注问题

热搜

最近搜索清空

3 回答

本课相似问答