>웹 프론트엔드 >CSS 튜토리얼 >Safari에서 배경 이미지가 사라지는 이유는 무엇입니까?

Safari에서 배경 이미지가 사라지는 이유는 무엇입니까?

Barbara Streisand
Barbara Streisand원래의
2024-12-03 22:29:11617검색

Why Are My Background Images Disappearing in Safari?

Safari에서 배경 이미지가 사라짐: Safari 관련 수수께끼

"bgMainpage" 클래스를 사용하여 웹페이지에 배경 이미지를 구현했음에도 불구하고 난처한 문제가 발생했습니다. 이러한 이미지는 모든 장치의 Safari에 표시되지 않습니다. Chrome, Firefox 및 Internet Explorer에서는 완벽하게 표시되지만 Safari는 여전히 파악하기 어렵습니다.

이 웹 개발자의 악몽의 원인은 배경의 특정 JPG/JPEG 이미지 표시에 영향을 미치는 독특한 Safari 버그에 있습니다. 특정 기준이 충족되면 Safari는 이러한 이미지를 렌더링하지 못하고 대신 빈 공백을 남깁니다.

이 특별한 경우의 원인은 프로그레시브 JPEG 인코딩입니다. 이미지 데이터를 위에서 아래로 순차적으로 인코딩하는 일반 JPG와 달리 프로그레시브 JPEG는 점점 더 세밀하게 이미지를 로드합니다. 이 기술은 온라인에서 인지된 로딩 속도를 높이는 경우가 많지만 다음과 같은 경우 Safari에서 큰 혼란을 초래할 수 있습니다.

  • Progressive JPEG 인코딩을 사용하는 경우
  • 이미지가 배경으로 사용되는 경우
  • 이미지가 크다(보통 수천픽셀)
  • 추가로 아직 확인되지 않은 요인이 들어옵니다. play

이 Safari 관련 난제를 해결하려면 두 가지 옵션이 있습니다:

1. 이미지 다시 인코딩

Photoshop과 같은 이미지 편집 소프트웨어를 사용하여 문제가 있는 이미지를 다시 저장하세요. 프로그레시브 인코딩이 비활성화되어 있는지 확인하십시오. 이렇게 하면 이미지가 표준 JPEG 형식으로 되돌아가서 Safari에서 올바르게 표시될 수 있습니다.

2. 대체 이미지 형식 사용

JPG를 모두 버리고 PNG 또는 GIF와 같은 다른 이미지 형식을 실험해 보세요. 이러한 형식은 Safari 버그의 영향을 받지 않으며 문제 없이 이미지를 표시합니다.

위 내용은 Safari에서 배경 이미지가 사라지는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.