사파리 내가 외부 스타일 시트를로드 개발하고있는 사이트의

Question

한 외부 서버에서 CSS 파일을로드 할 수 없습니다 :

@import url(http://www.othersite.com/stylesheet.css); 

이 사파리를 제외하고, 제대로 모든 단일 브라우저에서 작동합니다. Safari는로드하지 않으려 고합니다. 내가 도대체 ​​뭘 잘못하고있는 겁니까?

Answer 1

<link rel="stylesheet" type="text/css" href="http://www.othersite.com/stylesheet.css" /> 

@import와 tag를 사용하는 장단점을 자세히 설명하는 기사를 읽는 동안 문제가 발생했습니다. @import 대신 태그를 사용하여 어떤 이유로 든이 문제가 해결되었습니다. Safari가 이제 스타일 시트를로드합니다. 어떤 사람이이 작품이 왜 작동하는지에 대한 통찰력을 가지고 있다면 :

Answer 2

이 오래된 버그와 관련이있을 수 있습니까? http://www.thinkoomph.com/thinking/2011-04/odd-css-bug-in-webkit-and-safari-4/?

해결책은 간단합니다. 내 @import 지시어는 다른 CSS 지침으로 둘러싸여 있습니다. IE가 이것을 허용하는 반면, 실제 W3C 사양 은 @import 지시어가 다른 CSS 지침보다 먼저 나타나야한다고 선언하고 있으며 Firefox는이 제한을 존중합니다. 따라서, @import 지시어는 무시되었습니다. 파일의 맨 위로 옮기고 모든 작업이 시작되었습니다.

및

하나 @charset 규칙이 외부 스타일 시트에 나타날 수있는 대부분에 - 그것은 임베디드 스타일 시트에 표시되지해야한다 - 그리고는 에 나타나야 매우 문서의 시작 , 어떤 문자도 선행하지 않습니다.