Cách đặt nền-vị trí-x?

Question

Làm cách nào để tôi đặt background-position-x trên Opera?

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; 
} 

Tôi có quy tắc CSS sau, quy tắc này sẽ hiển thị chính xác trên phiên bản Chrome và Safari, máy tính để bàn và thiết bị di động. Nhưng nó sẽ không hoạt động trên Opera, điều đó dường như không hỗ trợ background-position-x: 50%; background-position-y: 50%; quy tắc. Tôi có phải viết kịch bản này để nó tương thích với Opera không? Làm thế nào để tôi làm việc này để hỗ trợ opera?

Nó cũng không có vẻ làm tròn các góc jQuery Mobile ...

Answer 1

Bạn phải đặt background-position: 50% 50%. Các thuộc tính -x và -y chỉ được hỗ trợ trong trình duyệt Internet Explorer và Webkit.