2010-03-21 6 views
2

정적 쿠키없는 도메인에서 내 CSS와 이미지를 제공하고 싶습니다. 이제 내 문제는 내 CSS 파일 내에서 이미지를 가리키는 방법입니다. 이 모든 정적 도메인에 대해 작동하므로고정 도메인에서 CSS 서비스하기

http://static.com/image.png

내가 오히려 이미지에 변수를 가리키는 것이다 : 나는 예를 들어, CSS 파일 내 하드 내 도메인을 프로그래밍하고 싶지 않은

나는 사용한다.

이것을 달성하는 가장 좋은 방법은 무엇입니까? 나는 전체 CSS 파일 물마루 PHP를 실행하고 모든 PNG 참조 앞에 정적 도메인을 추가해야합니다. 이것의 단점은 html로 전체 CSS를 배치해야한다는 것입니다.

또 다른 최적화 된 방법이 있습니다.

답변

2

정적 도메인에서 CSS를 가져 오면 CSS의 상대 URL이 동일한 도메인을 가리 킵니다. 따라서 상대 경로를 사용하여 해당 도메인의 CSS와 이미지를 모두 게재 할 수 있습니다.

+0

그래서 이것을 올바르게 이해하면. 내 메인 도메인이 http://maindomain.com이고 정적 도메인이 http://staticdomain.com 인 경우 정적 도메인에서 CSS 파일을로드 할 때 backgorund를 참조합니다. url ('/ somepng.png'); 그것은 메인 도메인이 아닌 정적 도메인을 볼 것입니다. –

+0

@Saif Bechan - 맞습니다. – wows

+0

쿨 (Cool)이 설정은 매우 쉽고 정확합니다! –

6

이미지가 스타일 시트에서 같은 서버에서 온 것이므로 상대 URI를 사용하면 충분합니다. CSS Spec 가입일

:

모듈 스타일에게 자원 절대 위치에 의존하지 않는 시트를 생성하기 위하여는, 저자 상대 URI를 사용할 수도있다. 상대 URI ( [RFC3986]에 정의 된대로)는 기본 URI를 사용하여 전체 URI 으로 확인됩니다. RFC 3986, 섹션 5, 은이 프로세스의 에 대한 규범 적 알고리즘을 정의합니다. CSS 스타일 시트의 경우 기본 URI는 스타일의 스타일이며 소스 코드는 문서가 아닙니다.

스타일 시트의 변수에 대한 Bert Bos (CSS 사양 작성자)의 흥미로운 에세이가 있습니다. here을 읽을 수 있습니다.

+0

동의 - 단순히 정적 도메인에서 CSS 시트 자체를 호스팅 한 다음 url (images/image.gif) 등의 이미지를 참조하십시오. 브라우저는 CSS 시트가 호스팅되는 컨텍스트에서 CSS 이미지 요청을 만듭니다. – wows

+0

니스! 도움을 주신 분들께 감사드립니다. 며칠 동안 내 머리를 부러 뜨 렸습니다. 나는 그것을 시험해 봐야했는데, 셋업하는데 단 몇 분만 걸렸다. 큰! –