Корневой каталог CSS

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

background: url(../Images/myImage.png);

проблема, страницы из разных каталогов используют этот css!

Мои файлы CSS находятся в папке CSS, изображения в папке "Изображение", а мои html-страницы находятся во многих разных папках в зависимости от их содержания и значения на веб-сайте.

Все мои страницы наследуют этот css, поскольку это основная тема.

Путь, используемый в приведенном выше примере, является относительным путем. И, очевидно, этот путь работает только на некоторых страницах. ВСЕ мне нужно связать изображения в css из папки ROOT. Поэтому каждый путь правильный, независимо от того, где находится файл в структуре папок!

Я пробовал:

~/Images/myImage.png
./Images/myImage.png
/Images/myImage.png
Images/myImages.png

Я не думаю, что существует селектор корневых файлов... но я надеюсь, что он делает:/

Ответы

Ответ 1

/Images/myImage.png

это должно быть в корне вашего домена/поддомена

http://website.to/Images/myImage.png

и он будет работать

Однако, я думаю, что так будет работать и

  • Изображения
    • yourimage.png
  • стили
    • style.css

style.css:

body{
    background: url(../images/yourimage.png);
}

Ответ 2

Я использую относительное решение пути,

./../../../../../изображения/img.png

каждый../доставит вам одну папку вверх к корню. Надеюсь, это поможет.

Ответ 3

нажмите здесь для хорошего объяснения!

Все, что вам нужно знать об относительных путях файлов:

Начиная с "/" возвращается в корневую директорию и начинается там

Начиная с "../" перемещает один каталог назад и начинает там

Начиная с "../../" перемещает две директории назад и начинается там (и так далее...)

Чтобы двигаться вперед, просто начните с первого подкаталога и продолжайте движение вперед

Ответ 4

Например, ваш каталог выглядит следующим образом:

Desktop >
        ProjectFolder >
                      index.html
                      css >
                          style.css
                      images >
                             img.png

Вы находитесь в своем стиле .css и хотите использовать img.png в качестве фонового изображения, используйте это:

url("../images/img.png")

Работает для меня!

Ответ 5

В CSS все, что вам нужно сделать, это положить url(logical path to the image file)

Ответ 6

Эта проблема, связанная с тем, что ссылка "../" означает ссылку "вверх" (родительская папка) "../images/img.png", не будет работать, потому что когда вы используете данные ajax, такие как данные, передаваемые на веб-сайт с сервера.

То, что вам нужно сделать, - указать местоположение изображения на root с помощью "./", а затем второй папки (в этом случае вторая папка - "изображения" )

url("./images/img.png")

если у вас есть папки типа

root -> content -> images

то вы используете url("./content/images/img.png"), помните, что ваше изображение не будет отображаться в окне редактора, но когда оно будет передано в браузер с помощью ajax, оно отобразится.