относительный путь не работает для изображений в CSS - PullRequest
Новая
       10

относительный путь не работает для изображений в CSS

2 голосов
/ 20 мая 2010

У меня следующая файловая структура:

C:/wamp/myproject/admin/webroot/images

У меня есть файл index.php, лежащий в папке администратора, который вызывает файл header.inc.php, лежащий в той же папке. header.inc.php имеет следующий код- 

<td align="left" valign="top" class="header-bg">
<table width="100%" border="0" cellspacing="0" cellpadding="0">

index.php вызывает файл css (css.css) через следующий код: 

<link href="<?php echo (WS_DIR_CSS); ?>/css.css" rel="stylesheet" type="text/css" />

CSS находится в следующем месте: C:/wamp/myproject/admin/webroot/css

Файлы CSS имеют класс, который имеет следующий код: 

.header-bg {
  background:url(../images/header_bg.jpg) left top repeat-x;
  height:77px;
}

Изображение header_bg.jpg не отображается в браузере. Помогите кому-нибудь?

Ответы [ 4 ]

7 голосов
/ 11 августа 2010

изображение включено относительно CSS

если ваш образ живет здесь ... 

/images

и твой css живет здесь ... 

/somefolder/css/style.css

тогда правило будет 

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

Можете ли вы проверить элемент с помощью firebug? Существуют ли правила перезаписи, которые могут перенаправлять запрос? У вас есть права на чтение изображения?

2 голосов
/ 02 июня 2010

Изображение header_bg.jpg не отображается в браузере.

Существует сотня возможных причин: от вашего браузера, настроенного на блокировку изображений, разрешений файловой системы, запрещающих доступ для чтения на сервере. Не зная еще нескольких важных деталей, хорошее начало - выяснить, пытается ли ваш браузер получить изображение. Здесь вам пригодится Firebug (через надстройки Firefox) или другой подобный плагин для браузера.

0 голосов
/ 11 августа 2010

Относительная адресация не работает по проекту.
Вот почему следует использовать абсолютный адрес.

  1. Убедитесь, что фактический адрес header_bg.jpg относительно корня сайта.
    *Например, 1006 *.
  2. Используйте этот адрес.
    С или без помощника WS_DIR_CSS, но в HTML-коде это должен быть /images/header_bg.jpg или любой абсолютный адрес.
0 голосов
/ 20 мая 2010

Просмотрите журналы вашего сервера, чтобы увидеть, какие файлы на самом деле запрашиваются. Вполне вероятно, что ваши URL-адреса перепутаны.

...