2012-06-12 18 views
12

¿Cómo configuro background-position-x en Opera?Cómo establecer 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; 
} 

Tengo la siguiente regla de CSS, se mostrará correctamente en las versiones de Chrome y Safari, de escritorio y móvil. Pero no funcionará en Opera, que no parece respaldar la posición de fondo x: 50%; background-position-y: 50%; reglas. ¿Debo guionar esto para que sea compatible con Opera? ¿Cómo puedo solucionar esto para apoyar la ópera también?

También no parece redondear esquinas jQuery Mobile ...

+0

¿Funciona en Firefox? – JAB

+0

@JAB: No, no es así. – thirtydot

Respuesta

22

usted tiene que fijar background-position: 50% 50%. Esas propiedades -x y -y solo son compatibles con los navegadores Internet Explorer y Webkit.

+0

¿Por qué es eso? Que yo sepa, la mayoría de las otras propiedades compuestas de ese tipo se pueden dividir en sus componentes en todos los sistemas (como 'margin' que consiste en' margin-left', 'margin-right',' margin-top', y 'margin -bottom'). – JAB

+0

¡Gracias! Entonces, ¿la forma correcta es utilizar solo la posición de fondo? ¿O necesitan otros navegadores el -x -y? – Astronaut

+6

posición de fondo: 50% 50%; funciona en todos los navegadores, olvídese de -x -y como duri dijo, no son ampliamente compatibles – Luca

Cuestiones relacionadas