Какой лучший способ установить фоновый URL в CSS?

Question

Какой лучший способ установить фоновый URL в CSS?

0

Я новичок в приложении mvc и создании сайта в режиме просмотра aspx. У меня есть файл css в mycss/style.css, а изображения - в images/img1.jpg. в чем разница между

 background: url("../images/img1.jpg") no-repeat;
 and background: url("~/images/img1.jpg") no-repeat;

в стиле.css

Er Mayank 18 апр. 2014, в 18:45

Источник

1

Я не думаю, что ~/ будет работать в файлах CSS.
edhedges 18 апр. 2014, в 16:32
0

В чем разница между точкой (./Images) и двойной точкой (../Images) в пути к файлу?
Er Mayank 18 апр. 2014, в 16:34
0

../Images означает перейти на один каталог вверх, затем в папку « Images ». ./Images означает перейти в папку « Images » в текущем каталоге.
mason 18 апр. 2014, в 16:35
0

Вы говорите, что оба способа работают на вас?
Wesley Murch 18 апр. 2014, в 16:41
0

Этот поток объясняет, как именно URL CSS работает для фона [1]:
Qasim 18 апр. 2014, в 16:42
0

Как показано в этом посте, ~ обрабатывается в System.Web.Mvc.dll
Tim Vermaelen 18 апр. 2014, в 16:45
0

Цитаты, кстати, не являются обязательными. background:url(../images/img1.jpg) no-repeat абсолютно background:url(../images/img1.jpg) no-repeat .
Sam 18 апр. 2014, в 16:45

Показать ещё 5 комментариев

Теги:

html

css

asp.net-mvc

3 ответа

Ещё вопросы

Я не думаю, что ~/ будет работать в файлах CSS.
В чем разница между точкой (./Images) и двойной точкой (../Images) в пути к файлу?
../Images означает перейти на один каталог вверх, затем в папку « Images ». ./Images означает перейти в папку « Images » в текущем каталоге.
Вы говорите, что оба способа работают на вас?
Этот поток объясняет, как именно URL CSS работает для фона [1]:
Как показано в этом посте, ~ обрабатывается в System.Web.Mvc.dll
Цитаты, кстати, не являются обязательными. background:url(../images/img1.jpg) no-repeat абсолютно background:url(../images/img1.jpg) no-repeat .

mason · Answer 1 · 2014-04-18T14-44-00.000Z

background: url("../images/img1.jpg") no-repeat;

Вышеуказанное относится к текущему местоположению. Он поднимается на одну папку, затем вниз до папки с изображениями и, наконец, получает файл изображения.

background: url("~/images/img1.jpg") no-repeat;

Вышеуказанное недействительно. Тильда означает начало в корне сайта. Но CSS не поддерживает этот синтаксис. Эквивалентом будет background: url("/images/img1.jpg") no-repeat; ,

В зависимости от вашего макета сайта оба будут работать. Я склонен использовать корневые относительные пути, потому что, если вы переместите свой CSS файл в другую папку, он может сломаться по пути относительно текущего местоположения.

Для хорошего обсуждения относительной относительной vs-позиции относительно абсолютной см. Эту статью.

W.D. · Answer 2 · 2014-04-18T15-26-00.000Z

Вы также можете написать так background: url("images/img1.jpg") no-repeat; без "префикса", что означает "изображения в папке с изображениями ".

Это предполагает, что папка с изображениями находится в той же папке, что и CSS. Что, вероятно, не тот случай, судя по опубликованному коду в вопросе.

iamcarloseperez · Answer 3 · 2014-04-18T14-32-00.000Z

-1

Это было бы правильно.

background: url("../images/img1.jpg") no-repeat;

iamcarloseperez 18 апр. 2014, в 14:32

0

Как насчет объяснения, почему версия с ~ не будет правильной?
Jason Aller 18 апр. 2014, в 17:00