如何设置background-position-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％; background-position-y：50％;规则。我是否必须编写脚本以使其与Opera兼容？我如何解决这个问题呢？

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

Answer 1

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