Safari 5.1의 고정 배경 이미지와 관련된 문제

Question

다소 복잡한 배경의 Tumblr 테마를 만들었습니다. Chrome 및 Firefox에서 코드로 렌더링되지만 Safari에서는 문제가 발생합니다. 기본적으로 body 요소에 할당 된 두 개의 배경 이미지는 뷰포트 크기가 변경되거나 스크롤 할 때마다 재조정됩니다. 정말 안좋아 보이고, 아래에 문제의 완벽한 예를 첨부했습니다.

여기에 무엇이 잘못되었거나 어떻게 수정했는지 아는 사람이 있습니까? 나는 코드가 정확하다는 것을 안다. 그래서 이것은 사파리의 특정 버그라고 생각한다. 주제는 http://blog.danielimmke.com/

편집에 위치 : 분명히이 문제는 사파리의 OSX 버전 만 발생합니다. Windows 버전은 코딩 된 것으로 렌더링됩니다.

Answer 1

브라우저를 감지하여 해결하면 어떨까요? Safari에서 고정 위치 플래시 배너 솔루션을 찾을 수 없어서 게으른 문제를 해결했습니다.

if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) {document.write('<link rel=\"stylesheet\" type=\"text/css\" href=\"safaristyle.css\" />');}