Safari에서 시차 바닥 글이 표시되지 않습니다.

Question

내가 만든 시차 바닥 글에이 이상한 문제가 있습니다. 이 jsfiddle을보십시오. 나는 클라이언트를 위해 디자인에서 시차 바닥 글을 사용했다. jsfiddle은 프로젝트에서 사용하고있는 코드의 간단한 버전입니다.

바닥 글은 IE를 포함한 모든 브라우저에서 정상적으로 작동하지만 사파리에서 작동하지 않습니다. 사파리는 마지막 섹션 후 더 스크롤하지, 따라서 바닥 글을 표시되지 않는 100 개 %의 결과를 HTML의 높이를 설정

body,html { 
    margin:0; 
    width: 100%; 
    height: 100%; 
} 

: 그래서 나는 문제를 발견했다. 꼬리말이 완전히 무시되기 전에 섹션에서 설정 한 여백처럼 보입니다.

누구든지이 문제를 해결하는 방법을 알고 있습니까?

업데이트 : 편집 jsfiddle

대신 고정하려면 이미지를 배경 첨부 파일을 설정 footer position: fixed에 설정할 필요가없는

Answer 1

. 이 같은 효과를 만듭니다 :

footer { 
    padding-top: 50px; 
    background: url(..imagepath..) fixed; //can change to just 'background' and add `fixed` 
    color: white; 
    width: 100%; 
    height: 200px; 
    bottom: 0; 
    text-align: center; 
    overflow: hidden; 
    /*position: fixed;*/ //remove 
    /*bottom: 0;*/ //remove 
    /*z-index: -1;*/ //remove 
} 

FIDDLE

UPDATE

내가 가장 좋은 방법은 스페이서는 어떠한 배경색으로 빈 사업부를 추가하는 것입니다 생각합니다.

HTML

<section> 
    <h1>Scroll down</h1> 
</section> 
<div class="spacer"></div> <!--add--> 
<footer> 
    .... 

CSS

footer { 
    padding-top: 50px; 
    background-color: #181818; 
    color: white; 
    width: 100%; 
    height: 200px; 
    position: fixed; 
    bottom: 0; 
    z-index: -1; 
    text-align: center; 
    overflow: hidden; 
    /*margin-bottom: 250px;*/ //remove 
} 

.spacer{ 
    height: 250px; 
} 

NEW FIDDLE