현재 웹 사이트에서 작업 중이며 Safari에 문제가 있습니다. 이미지를로드 할 때 스탠드에 배치되는 검은 색 배경이 있습니다.이 것이 투명하거나 흰색이지만 오히려 그것을 파악할 수는 없습니다. 그것을 체크 아웃 :Safari 이미지 배경이 검은 색으로 표시됩니다.
http://blazing-ocean-6482.herokuapp.com/
내가 HTML과 몸을 만든 배경 색을했습니다 : 흰색; 그러나 이것은 문제를 바꾸지 않은 것 같습니다.
현재 웹 사이트에서 작업 중이며 Safari에 문제가 있습니다. 이미지를로드 할 때 스탠드에 배치되는 검은 색 배경이 있습니다.이 것이 투명하거나 흰색이지만 오히려 그것을 파악할 수는 없습니다. 그것을 체크 아웃 :Safari 이미지 배경이 검은 색으로 표시됩니다.
http://blazing-ocean-6482.herokuapp.com/
내가 HTML과 몸을 만든 배경 색을했습니다 : 흰색; 그러나 이것은 문제를 바꾸지 않은 것 같습니다.
그냥 내가 6. 내 이미지를 그레이 스케일 색 공간에 있었다 사파리에서 동일한 문제가 있었다 interlaced
옵션
위와 동일한 문제가 발생했습니다 (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로 하드 코딩됩니다.
특별히 세련된 해결책은 아니지만 저에게는 효과적입니다.
로 PNG 이미지를 저장합니다. 나는 그것을 rgb로 바꾸었고 그 문제는 사라졌다. 이미지 색 공간 설정을 확인하십시오!
최근 Safari 6.0.2에서이 문제가 발생했습니다. Safari 6.0 이상에서는 모바일 Safari (적어도 iOS 6 이상)에도 나타났습니다. 인터레이스 된대로 배경을 저장하지 않아도됩니다. & 색 공간은 RGB입니다. 고맙게도 내 배경은 매우 색이 거의 없었습니다 & GIF로 변환하면 문제가 완전히 해결되었습니다.
PNG에 알파 채널이 없기 때문에 이런 현상이 발생합니다. Photoshop에서는 이미지에 투명 픽셀이있는 경우에만 알파 채널로 이미지를 저장합니다. Safari에서 제대로 작동하려면 PNG 이미지의 IHDR 청크에 내용이 "truecolor-apha"이어야합니다. tweakpng (http://entropymine.com/jason/tweakpng/) 또는 이와 유사한 프로그램에서 png 청크를 볼 수 있습니다.
"인터레이스"를 시도했지만 적어도 Safari 6.0.2에서는 문제가 해결되지 않았습니다. – Ben