Как передать фоновый рисунок в CSS?

Мой файл CSS в:Как передать фоновый рисунок в CSS?

Project/Web/Поддержка/Стили/file.css

Мой образ в:

Project/Web/изображений/image.png

I захотите это изображение в моем файле CSS.

Я попытался:

1) background-image: url(/images/image.png); 
2) background-image: url('/images/image.png'); 
3) background-image: url("/images/image.png"); 
4) background-image: url(../images/image.png); 
5) background-image: url('../images/image.png'); 
6) background-image: url("../images/image.png");

Но. Я не получаю это изображение на своей странице.

Каков правильный способ указать путь к файлу изображения в файле css?

источник

2013-11-18 Jobin

где HTML-файл? – Hiral

измените его в Firebug/Chrome и посмотрите, какой из них показывает изображение. –

Это может помочь ... (http://stackoverflow.com/questions/4862231/links-not-going-back-a-directory) – zik

Ваш КСС здесь: Проект/Web/Поддержка/Стили/file.css

1 раз ../ означает Project/Web/Поддержка и 2 раза ../ т.е. ../../ означает Project/Web

Try :

background-image: url('../../images/image.png');

источник

2013-11-18 12:07:13 Hiral

почему голос? ??? ??? – Hiral

[здесь] (http://stackoverflow.com/questions/20047364/how-to-give-the-background-image-path-in-css/20047411#20047411) – Nitesh

+1, но это было слишком просто .. - @Hiral – Nitesh

Используйте нижеследующее.

background-image: url("././images/image.png");

Это будет работать.

источник

2013-11-18 12:07:00 Nitesh

Вниз голосов оценили, но с объяснениями. – Nitesh

'.' относится к текущей папке,' ..' относится к родительскому каталогу и что он должен использоваться. –

Уровень означает, что вы нацеливаете его на '././', чтобы добраться до родительской папки. Попробуй сам. - @AdrianBer – Nitesh

Вам необходимо получить 2 папки из вашего файла css.

Try:

background-image: url("../../images/image.png");

источник

2013-11-18 12:08:07 UnderTheSea

Есть два основных способа:

url(../../images/image.png)

или

url(/Web/images/image.png)

Я предпочитаю последний, так как это легче работать и работает с все местоположения на сайте (так полезно для встроенных путей изображения тоже).

Имейте в виду, я бы не сделал так много глубоких вложений в папки. Это кажется ненужным и делает жизнь немного сложной, как вы ее нашли.

источник

2013-11-18 12:09:13

спасибо за ответ с двумя вариантами. – Jobin

Решение (http://expressjs.com/en/starter/static-files.html).

как только это сделало это папка с изображением, не ставьте ее. только

background-image: url ("/ image.png");

carpera, что изображение уже находится в статических файлах

источник

2016-07-17 03:41:06 lypef

Как передать фоновый рисунок в CSS?

ответ

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