CSS фон не работает

0

У меня проблема. Я пытаюсь добавить фон в ячейку таблицы, но не работает.

.price-table td.left-up {
    background: url("img/left-up.png") no-repeat;
    width: 181px;
    height: 118px;
}

и HTML:

<div class="price-table">
  <table>
    <tr>
      <td class="left-up">
        sdst
      </td>
    </tr>
  </table>
</div>
  • 4
    Вы уверены, что местоположение img правильное? Вы видите папку img на одном уровне со страницей, на которой вы разместили этот код? Вы видите файл left-up.png в этой папке?
  • 1
    Какова ваша древовидная структура? Путь должен быть неверным.
Теги:

2 ответа

2

Здесь вы указали относительное имя пути, что, вероятно, связано с тем, что изображение не загружается. Помните, что относительные пути работают относительно файла CSS, а не страницы. Например:

/site
  -page.htm
  /css
    -site.css
  /img
    -left-up.png

Если это была ваша структура папок, вам понадобится:

background: url("../img/left-up.png") no-repeat;

Это связано с тем, что изображение находится на одном уровне относительно файла css. Надеюсь, что поможет вам понять правильный путь!

0

Используйте чистую ссылку на изображение, например. http://yoursite.com/img/left-up.png

Ещё вопросы

Сообщество Overcoder
Наверх
Меню