Background-image не отображается

Question

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

в jquery.dataTables.css :

 table.dataTable thead .sorting {
  background-image: url("../images/sort_asc.png");
}
table.dataTable thead .sorting_asc {
  background-image: url("../images/sort_asc.png");
}
table.dataTable thead .sorting_desc {
  background-image: url("../images/sort_desc.png");
}
table.dataTable thead .sorting_asc_disabled {
  background-image: url("../images/sort_asc_disabled.png");
}
table.dataTable thead .sorting_desc_disabled {
  background-image: url("../images/sort_desc_disabled.png");
}

Структура папки не менялась, скачал и поставил, но картинки не отображаются, уже пробовал различные махинации с путем и папкой images все равно не получается, даже если браузер не пишет об ошибке все равно нет картинки. Что делать?

Answer 1

Попробуйте так: background-image: url("./web/DataTables/DataTables-1.10.21/images/название.png"); Убедитесь, что в папке images есть файл с таким именем.

Если не сработает, напишите, где именно находится html файл, в который вы подключаете этот css

Answer 2

table.dataTable thead .sorting {
  display: block;
  width: 200px;
  height: 200px;
  background-image: url("../images/sort_asc.png");
  background-size: contain;
  background-repeat: no-repeat;
}

Answer 3

Решил проблему: у меня страница была с путем "/" от того http://localhost:8080/WebBD/DataTables/DataTables-1.10.21/images/sort_both.png не читался

БЛОГ НА HUSL

Background-image не отображается

Ответы (3 шт):