background-position-x 설정 방법?

2012-06-12 2 views 12 likes

Opera에서 백그라운드 위치 -x를 어떻게 설정합니까?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; 
}

다음 규칙이 적용됩니다. Chrome 및 Safari, 데스크톱 및 모바일 버전에서 올바르게 표시됩니다. 하지만 오페라에서는 작동하지 않을 것입니다. 배경을 지원하지 않는 것 같습니다.-x : 50 %; 배경 - 위치 -y : 50 %; 규칙. 오페라와 호환되도록이 스크립트를 작성해야합니까? 오페라를 지원하기 위해 어떻게해야합니까? 또한 jQuery를 모바일 모서리를 둥글게하지 않는 것

...

출처

2012-06-12 Astronaut

Firefox에서 작동합니까? – JAB

@JAB : 아니에요. – thirtydot

답변

당신은 background-position: 50% 50%을 설정해야합니다. 이러한 -x 및 -y 속성은 Internet Explorer 및 Webkit 브라우저에서만 지원됩니다.

출처

2012-06-12 12:32:52 duri

왜 그런가요? 필자가 아는 한, 대부분의 다른 복합 속성은 모든 시스템 (예 : margin-left, margin-right, margin-top 및 margin으로 구성된 margin)으로 구성 요소로 나눌 수 있습니다 -bottom'). – JAB

감사합니다. 올바른 위치는 백그라운드 위치 만 사용하는 것입니다. 또는 다른 브라우저에서 -x -y가 필요합니까? – Astronaut

배경 위치 : 50 % 50 %; 모든 브라우저에서 작동하고, -x -y를 잊어 버렸습니다. 두리가 말했듯이, 널리 지원되지 않습니다. – Luca

background-position-x 설정 방법?

답변

관련 문제