ASP.net и CSS стили

Question

может помочь мне в том, как я могу ссылаться на изображения. Все мои изображения хранятся в папке изображений, которая находится в корневой папке (.. \ images) в моем классе CSS. У меня есть следующее

#image
{  background-position: left;
  background-repeat: no-repeat;} 

.background
{
  background-image: url(..\images\image.gif);
}

и в моем файле .cs у меня есть

image.Attributes.Add("class", "background");

image - это тег div, который есть в моем коде aspx !!

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

Answer 1

URL-ссылки в файле CSS должны относиться к файлу CSS .

Убедитесь, что по сравнению с файлом CSS изображение находится в ..\images, если нет, измените его в соответствии с CSS.

Также ваше фоновое объявление должно быть таким:

background-image: url(..\images\image.gif);

Пример:

CSS = \CSS\styles.css
IMG = \Images\image.gif
Style = url(../Images/image.gif);

CSS = \styles.css
IMG = \Images\image.gif
Style = url(Images/image.gif);

Answer 2

Определение стиля:

background-image: url(../images/image.gif);

говорит "зайдите в одну директорию и войдите в папку с изображениями". Попробуйте:

background-image: url(/images/image.gif);

Предполагается, что каталог images находится в корне вашего сайта.

Answer 3

Вы должны повернуть эти косые черты в своих путях от \ до /

Кроме того, я обычно ставлю ключевое слово url перед скобками в CSS, но я не уверен, требуется ли это:

background-image: url(../images/image.gif);

---

ОБНОВЛЕНИЕ: Если поле image в вашем коде C # является неким веб-контролем, скажем, элементом управления Image, вы должны использовать setts в его свойстве CssClass вместо явного добавления class атрибут. То, что вы делаете сейчас, может привести к двум class атрибутам в разметке, которые могут не обрабатываться должным образом. Вы можете быстро просмотреть источник на своей странице, чтобы проверить, является ли это проблемой.

Если это не поможет, см. Ответы Ника Крейвера. Путь от вашего CSS к изображению неправильный, или файл изображения находится не там, где вы считаете.