2012-04-05 12 views
7

현재 웹 사이트에서 작업 중이며 Safari에 문제가 있습니다. 이미지를로드 할 때 스탠드에 배치되는 검은 색 배경이 있습니다.이 것이 투명하거나 흰색이지만 오히려 그것을 파악할 수는 없습니다. 그것을 체크 아웃 :Safari 이미지 배경이 검은 색으로 표시됩니다.

http://blazing-ocean-6482.herokuapp.com/

내가 HTML과 몸을 만든 배경 색을했습니다 : 흰색; 그러나 이것은 문제를 바꾸지 않은 것 같습니다.

답변

2

그냥 내가 6. 내 이미지를 그레이 스케일 색 공간에 있었다 사파리에서 동일한 문제가 있었다 interlaced 옵션

+0

"인터레이스"를 시도했지만 적어도 Safari 6.0.2에서는 문제가 해결되지 않았습니다. – Ben

0

위와 동일한 문제가 발생했습니다 (Safari에서만 해당). 내 body 태그는 배경 이미지가 있고 repeat-x이며 전체 웹 사이트의 배경으로 사용됩니다. 사용자가 Safari의 페이지로 이동하면 페이지로드시 검정색이 깜박입니다. 나는 이것에 대한 해결책을 찾기 위해 연령대를 조사했지만 Safari에서는 아직 해결되지 않은 버그로 보인다.

html 태그와 body 태그에 "style : background-color : # FFF"를 추가하려고했지만 기존 학교 "bgcolor : #FFF"도 사용하지 않았습니다.

사파리가 동작하도록하는 유일한 방법은 CSS + jQuery를 사용하는 것이 었습니다. HTML 및 CSS 파일에서 본문에 "bg-on"클래스를 지정하십시오. 태그 HTML 페이지의에서 연결된의 .js 파일 또는에서 : 위에서 수행하는 DOM은 브라우저에 의해로드 될 때 무엇

jQuery(function ($) { 
$(document).ready(function(){ 

$('body').removeClass('bg-on'); 

});//end document ready 

/* NOTE (window).load fires when images have been fully loaded */ 
$(window).load(function() { 

$('body').addClass('bg-on'); 

});//end window load function 
});//end jQuery function no conflict mode 

, 그것 때문에 사파리하지 않습니다, 몸에서 클래스를 제거 배경 이미지가없는 검은 색 배경을 보여줍니다. 그런 다음 window.load 이벤트가 발생하면 모든 애셋이로드 될 때 본문에 배경 이미지가 제공됩니다.

"bg-on"클래스는 JS 비활성화 브라우저에 영향을주지 않습니다. html로 하드 코딩됩니다.

특별히 세련된 해결책은 아니지만 저에게는 효과적입니다.

1

로 PNG 이미지를 저장합니다. 나는 그것을 rgb로 바꾸었고 그 문제는 사라졌다. 이미지 색 공간 설정을 확인하십시오!

0

최근 Safari 6.0.2에서이 문제가 발생했습니다. Safari 6.0 이상에서는 모바일 Safari (적어도 iOS 6 이상)에도 나타났습니다. 인터레이스 된대로 배경을 저장하지 않아도됩니다. & 색 공간은 RGB입니다. 고맙게도 내 배경은 매우 색이 거의 없었습니다 & GIF로 변환하면 문제가 완전히 해결되었습니다.

1

PNG에 알파 채널이 없기 때문에 이런 현상이 발생합니다. Photoshop에서는 이미지에 투명 픽셀이있는 경우에만 알파 채널로 이미지를 저장합니다. Safari에서 제대로 작동하려면 PNG 이미지의 IHDR 청크에 내용이 "truecolor-apha"이어야합니다. tweakpng (http://entropymine.com/jason/tweakpng/) 또는 이와 유사한 프로그램에서 png 청크를 볼 수 있습니다.

관련 문제