CSS 스타일 시트의 글로벌 변수

문제

나는 스타일 시트에서 절대 URL을 혼란스럽게합니다. http : //localhost/images/myimage.jpg.

다음 상수가있는 구성 클래스도 있습니다.

const SITE_ROOT = 'http://localhost/images'

PHP 페이지에서 나는 쓴다config::SITE_ROOT . "/myimage.jpg" 따라서 사이트를 프로덕션 서버로 옮기면 하나의 중앙 위치에서 사이트 루트를 변경할 수 있습니다.

페이지에 넣지 않고 내 스타일 시트 에서이 작업을 수행 할 수있는 방법이 있습니까? Mod Rewrites를 사용하고 상대 URL이 작동하지 않기 때문에 상대 URL은 옵션이 아닙니다.

해결책

당신은 당신의 쓸 수 있습니다 SITE_ROOT CSS 파일을 PHP로 구문 분석하여 일정합니다. 이것을 추가하십시오 .htaccess:

AddHandler application/x-httpd-php .css

그런 다음 CSS 파일에 PHP를 포함시킵니다. .php 파일.

다른 팁

CSS와 함께 할 수있는 방법은 없습니다. 이와 같은 일을하고 싶다면 PHP 파일로 만들고 변수를 그렇게 사용할 수 있습니다.

그러나 절대 URL을 사용할 수 없습니까?

background-image: url(/images/myimage.jpg);

모든 서버에서 작동하며 상대적이지 않으며 루트에서 파일을 찾을 수 있습니다.

라이센스 : CC-BY-SA ~와 함께 속성

제휴하지 않습니다 StackOverflow