CSS 배경 이미지는 모바일 사파리에로드되지

Question

CSS

#header { 
    background: url('https://somecdn.com/myapp/public/img/mobile/header.jpg') top center no-repeat; 
    width: 640px !important; 
    position: relative; 
    height: 98px; 
    } 

HTML

<div id="header">...</div> 

이 다른 브라우저에서 잘 작동하지만 내 친구의 모바일 사파리에 (내 작품), 그렇지 않습니다. 휴대 전화를 Mac에 연결 한 후 개발자 도구를 보면 브라우저에 URL이 http://domainname.com으로로드되므로 기본적으로 절대 URL을 상대 경로로 해석하고 있습니다 ... 여기서 무슨 일이 일어나고 있습니까?

Answer 1

여기에 있습니다. 당신이 내 게시물에서 볼 수 있듯이. 저희 사이트는 https가 아니지만 그 자산은있었습니다. 대부분의 브라우저는 정상적으로 처리했지만이 특정 모바일 브라우저에서는 처리하지 못했습니다. 우리는 단순히 자산의 HTTP 버전을 사용하고 모두 잘 ... - Ryan Her 45 초 전 편집