2012-02-21 2 views
2

나는 다양한 differnt 것들을 시도했지만 아무도 작동하지 않습니다. 인라인 CSS를 사용하고 단순히 화면 크기에 맞춰 배경을 추가하고 싶습니다. 나는 현재 내 몸의 태그 내에 다음 코드를 사용하고 있습니다 :Android/phonegap - 화면에 맞게 내 배경 이미지 늘리기

<body onLoad="onBodyLoad();" style="background:url(images/blue_bg.png);"> 

내 이미지가 X 300 (400),하지만 도움이 될 수 있습니다까지

1000 x 1200로 희망의 사람에게 늘어나는 것과해야 (시도 background-size : 100 %). 당신이 CSS3 코드를 시도 할 수 있습니다

답변

5

감사 :

body{ 
    background: url(images/blue-bg.png) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

이 당신이 시도 할 수 있습니다 작동하지 않는 경우 완벽하게

Other CSS techniques

jQuery techniques

+0

작품. 감사합니다. –

+0

수정 사항이 Android Archos에서 완벽하게 작동하지만 Android 폰에서는 작동하지 않는 것으로 나타났습니다. 이 문제를 해결할 수있는 아이디어가 있습니까? –

+0

'cover-'대신'background-size : contains;'를 사용하여 테스트 할 수 있습니다. 둘 다 잘 작동합니다. –

관련 문제