如何设置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浏览器中受支持.