CSS URL-lərində nisbi / mütləq yolları necə istifadə etmək olar?

Bir inkişaf və inkişaf serverim var. Problem kataloq strukturudur.

İnkişaf:

  • http://dev.com/subdir/images/image.jpg
  • http://dev.com/subdir/resources/css/style.css

İstehsalat:

  • http://live.com/images/image.jpg
  • http://live.com/resources/css/style.css

background: url üçün eyni yolu istifadə edən css style.css qovluğu necə yarada bilərəm background: url hər iki serverdə background: url mülkiyyəti? Mən nisbi yollarla istifadə edə biləcək bir hiylə varmı?

66
28 апр. danidacar 28 Mart tarixində təyin olundu 2011-04-28 10:57 '11 da 10:57 2011-04-28 10:57
@ 3 cavab

URL CSS faylının yerləşdiyi yerdən asılıdır , buna görə sizin üçün işləməlidir:

 url('../../images/image.jpg') 

Nisbi url iki qovluq geri qaytarır və sonra images qovluğuna - hər iki halda da struktur eyni olsa işləməlidir.

Http://www.w3.org/TR/REC-CSS1/#url ünvanından :

Qismən URL-lər, sənədə nisbətən stilin qaynağına nisbətən şərh olunur.

95
28 апр. Cavab Kobi 28 apr verilir . 2011-04-28 11:01 '11 at 11:01 2011-04-28 11:01

Şəxsən, bunu .htaccess faylına düzəldərdim. Sizə bu imkanı olmalıdır.

CSS URL'nizi aşağıdakı kimi təyin edin:

 url(/image_dir/image.png); 

.Htacess faylında qoy:

border=0
 Options +FollowSymLinks RewriteEngine On RewriteRule ^image_dir/(.*) subdir/images/$1 

və ya

 RewriteRule ^image_dir/(.*) images/$1 

saytdan asılı olaraq.

5
09 авг. Cavison Cavison tərəfindən 09 Avqust. 2016-08-09 17:01 '16 'da saat 17.00' də 2016-08-09 17:01

Mənim css dərc etmək istədiyim hər dəfə də eyni problemim vardı. Axtarış etmək / dəyişmək məcburiyyətində oldum və nisbi yol mənim üçün işləməyəcəkdi, çünki nisbi yollar istehsaldan fərqli idi.

Mən nəhayət axtarış / dəyişməkdən yoruldum və dinamik css (məsələn, www.mysite.com/css.php) eyni şəkildə yaradıb, amma css-də mənim php sabitlərimdən istifadə edə bilərəm. kimi bir şey

 .icon{ background-image:url('<?php echo BASE_IMAGE;?>icon.png'); } 

və bu, dinamik etmək üçün pis bir fikir deyil, çünki indi mənim dev-serverda orijinal formatını itirmədən YUI kompressoruyla kompres edə bilərəm.

Uğurlar!

4
28 апр. Cavab verdi razontbel Apr 28 2011-04-28 11:11 '11 11:11 2011-04-28 11:11