Относительная связь <img> тег SRC

У меня есть HTML страница находится в localhost/about/ и изображение, расположенное в localhost/images. В моем HTML, у меня есть img тег, как это:Относительная связь <img> тег SRC

img src="../images/logo.png"

При просмотре этой страницы в браузере, изображение логотипа отображается на секунду, и появляется текст alt. Проверка информации об изображении, страница в src изменяется на "localhost/about/images/logo.png".

Редактировать: Я показываю изображение следующим образом.

<!-- header-left start --> 
<!-- ================ --> 
<div class="header-left"> 
    <div class="logo"> 
     <a href="../"><img id="logo" src="../images/logo.png" alt="Alt Text" width="196" height="60"></a> 
    </div> 
</div> 
<!-- header-left end -->

Структура папок:

ли что-то я делаю неправильно с этим относительным источником пути?

источник

2017-02-06 Fanuel Mpanje

Пожалуйста, поделитесь кодом .. и путь установки папки тоже, если это возможно .. Является ли это в развивающей среду или просто статический HTML ? –

Не с этим относительным путем нет. Возможно, что-то еще что-то испортило с документомURI. Эта * одна секунда * вещь действительно странная. Вы как-то перенаправлены? У вас есть сценарий, запущенный на этой странице? Попытайтесь отключить все и повторно использовать, пока не найдете, какой из них вызывает это. Если это все еще происходит без скриптов, попробуйте отключить все расширения вашего браузера. Если это все еще происходит, проверьте конфигурацию сервера. – Kaiido

try ~/images/logo.png –

Возможно, вы захотите проверить свойство baseURI объекта javascript document. As defined by MDN:

Базовый URL используется для разрешения относительных URL-адресов, когда браузер должен получить абсолютный URL, например, при обработке атрибут Src HTML-элемента или XML XLink: HREF атрибута.

Проверьте значение базового URL, введя следующую команду в консоли JavaScript:

console.log(document.baseURI);

источник

2017-02-06 08:27:34 K3v1n

Относительная связь <img> тег SRC

ответ

Смежные вопросы