Question

我想使用此代码水平居中div。它在除safari之外的所有东西都可以正常工作（在Windows和Mac上！）当我检查here时，它表示它的版本超出版本3.2并且我有5.1.7。

我一定是做错了。

.heroimage {
    position:relative;
    z-index:10;
    }

.heroimage article {
        position:absolute;
        z-index:100;
        left:50%;
        top:128px;
        transform:translate(-50%,0%);
       -webkit-transform:-webkit-translate(-50%,0%);
       -ms-transform:translate(-50%, -50%);
       -moz-transform:translate(-50%,0);
        text-align:center;
        background-color:#5b6370
        }

Answer 1

我认为您的浏览器前缀有些混乱。

.heroimage {
    position: relative;
    z-index: 10;
}

.heroimage article {
    position: absolute;
    z-index: 100;
    left: 50%;
    top: 128px;
    -webkit-transform: translate(-50%,0%);
        -ms-transform: translate(-50%,0%);
            transform: translate(-50%,0%);
    text-align: center;
    background-color: #5b6370;
}

变换：翻译不适用于safari

1 个答案: