백 스트레치 및 배경 크기 : 표지

현재 전체 화면 배경에 CSS를 사용하고 있습니다. 하나의 페이지 웹 사이트 (서로의 높이가 1300px 인 여러 DIV로 구성)입니다. 그것은 잘 작동, 배경 이미지는 페이지의 보이는 부분에 전체 화면이지만 ipad에서 작동하지 않습니다. backstretch와 문제는이 코드 내 "매개체"내백 스트레치 및 배경 크기 : 표지

<script> 
$("#medias").backstretch("../images/bg-18.jpg");

을 포함하는 경우 DIV가, 배경 이미지 내 DIV의 전체 크기를 다루고 있다는 점이다 (그래서 1300 높이 * 폭) 아닌 내가 원하는

#medias { 
    height: 1300px; 
    background: #8aba56; 
    padding-top: 150px; 
    background: url(../images/bg-18.jpg) no-repeat center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    background-size: cover; 
    -ms-background-size: cover; 
    -o-background-size: cover; 
}

출처

2013-06-16 Greg

저는 MaxImage를 사용합니다 ... 훨씬 더 좋음 (http://www.aaronvanderzwan.com/maximage/) – adaam

@adaam 어떻게 백 스트레치에 비해 최대의 효과가 있습니까? 왜 더 나은가요? 둘 다 똑같은 일을하는 것처럼 보입니다. –

나는 CSS를 아이 패드에서 작동하지 않았기 때문에 처음 backstretch를 사용하여 종료 : 만 많은 감사 CSS 방법과 DIV의

예 브라우저 창을 포함합니다. 당신이 묘사 한대로. 그러나 이상하게도 CSS를 실험 한 후 다음을 변경하십시오.

background-image : url ('background.jpg'); 에

배경 - 이미지 : 홈페이지 ('www.imgur.com/background.jpg')는

배경은 iPad에서 일했다. 아이 패드가 배경 이미지 위치를 직접 URL로 바꾸면 이미지를 만들 수있는 것 같았다. 따라서 이미지를 임시 서버 (예 : imgur)에 업로드 한 다음 CSS의 링크를 imgur 링크로 변경하십시오.

이상하게도 나를 위해 일했습니다.

출처

2013-06-16 14:05:55

백 스트레치 및 배경 크기 : 표지

답변

관련 문제