Question

我正在使用CSS在图像上放置叠加颜色。在IE，Opera，Chrome和Firefox中一切正常。我在Safari中遇到的唯一困难是，在浏览器浏览器（5.1.7 - Windows）中显示覆盖显示时拒绝正确居中的文本。下面是CSS代码的文本部分的代码。如果您需要更多工作，请告诉我。

.text {
    width: 100%;
    white-space: nowrap;
    margin-left:auto;
    text-align: center;
    text-align: -moz-center;
    text-align: -webkit-center;
    margin-right:auto;
    color: white;
    font-family: "Times New Roman", Times, serif;
    font-size: 2.0em;
    font-weight: bold;
    position: absolute;
    overflow: visible;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 9;
}

Answer 1

您提供的代码缺失-webkit-transform：translate（-50％， - 50％）;添加这个仍然会产生问题吗？

在Safari浏览器中居中文本的最佳方法是什么

1 个答案: