能帮我解释一下代码吗?那个left:50%

来源:7-8 切换背景图像综合练习题

zxw_1994

2016-04-06 16:05

img.bg {

            min-height: 100%;

            min-width: 1024px;

            width: 100%;

            height: auto !important;

            height: 100%;

            position: fixed;

            top: 0;

            left: 50%;

            z-index:1;

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

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

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

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

            }


写回答 关注

3回答

  • 快乐崇拜tager
    2016-04-24 22:42:11

    相当于定位在margin-left:50%的位置,再使元素本身向左移动宽度的一半( -webkit-transform: translateX(-50%);)即可居中

  • Memory丶记忆
    2016-04-23 10:57:58

    不是父元素下从left开始50%距离么?

  • me_is_maomao
    2016-04-06 20:15:33

    是指left的长为其父left的一半

十天精通CSS3

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

242220 学习 · 2623 问题

查看课程

相似问题