css - 如何设置背景位置-x？

Question

如何在 Opera 上设置 background-position-x？

div#logocontainer{
    width: auto;
    height: auto;
    text-align: center;
    line-height: 200px;
    overflow: auto;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../img/WatermarkMP.png);
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 50%;
    padding: 10px;
}

我有以下 CSS 规则，它将在 Chrome 和 Safari、桌面和移动版本上正确显示。但它不适用于 Opera，似乎不支持 background-position-x: 50%; 背景位置-y：50%；规则。我是否必须编写脚本以使其与 Opera 兼容？我如何解决这个问题以支持歌剧？

它似乎也没有绕过 jQuery Mobile 的角落......

Answer 1

你必须设置background-position: 50% 50%. 这些-x和-y属性仅在 Internet Explorer 和 Webkit 浏览器中受支持。