CSS не отображается изображение

@Kyco4ekMyaska · Регистрация: 07.10.2017

Студворк — интернет-сервис помощи студентам

Изображение не хочет отображаться,почему - не знаю.Пытался заменить на другую картинку и изменить путь к картинке - не получилось.

Html код

HTML5
1
2
3
4
5
6
    
<div class="intro">
 <div class="container">
    
 </div>
</div>

CSS код

CSS
1
2
3
4
5
6
7
.intro {
  width: 100%;
  height: 30vh;
  background-image: url("/images/bg.jpg") no-repeat top center;
  -webkit-background-size: cover;
  background-size: cover;
}

@AlexZaw · 29.05.2019, 16:07

Сообщение от Kyco4ekMyaska

изменить путь к картинке - не получилось.

Путь указан от корня сайта, и что-то мне подсказывает, что никакой софт для эмуляции сервера вы не используете, а просто открываете файл в браузере.
Читайте про абсолютные и относительные пути.

@Leo Leo · 29.05.2019, 16:28

CSS
1
2
3
4
5
6
7
8
9
.intro {
    width: 100%;
    height: 30vh;
    background-image: url("/images/bg.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }

@AlexZaw · 29.05.2019, 17:08

del

@Leo Leo · 29.05.2019, 17:13

AlexZaw, ну может прежде чем умничать возьмешь и выполнишь у себя исходный код и мой?

Сообщение от AlexZaw

Читайте про абсолютные и относительные пути.

и создашь соответствующую структуру:
index.html
images/bg.jpg

Добавлено через 2 минуты

Сообщение от AlexZaw

del

полезно ведь сначала думать, не правда ли?

@AlexZaw · 29.05.2019, 17:23

Сообщение от Leo Leo

AlexZaw, ну может прежде чем умничать возьмешь и выполнишь у себя исходный код и мой?

может прежде чем умничать возьмешь и выполнишь у себя свой же исходный код? Предварительно создав соответствующую структуру

Сообщение от Leo Leo

полезно ведь сначала думать, не правда ли?

а удаление моего комментария было лишь из-за того, что не сразу заметил у ТС свойство background-image
вместо background ну и не успел написать новый ответ прежде чем попался на глаза ваш коммент
Так что, юноша, читайте про относительные и абсолютные пути

@Leo Leo · 29.05.2019, 17:28

Сообщение от AlexZaw

может прежде чем умничать возьмешь и выполнишь у себя свой же исходный код?

Прежде чем писать всегда выполняю у себя.

Сообщение от AlexZaw

Предварительно создав соответствующую структуру

И структуру, как ты догадался, тоже создал.

А ты, не юноша, всё же попробуй запустить его код и мой.

@AlexZaw · 29.05.2019, 17:34

Kyco4ekMyaska,
В свойстве background-image можно указать только путь к картинке, остальные свойства (типа позиционирования, цвета фона и т.д.) нужно указывать отдельными свойствами. Либо указывать все в свойстве background. Ну и, как сказано выше - читайте про относительные и абсолютные пути.

Добавлено через 2 минуты

Сообщение от Leo Leo

А ты, не юноша, всё же попробуй запустить его код и мой.

Не поверишь, даже пробовал, хотя и знал что не заработает. Вот только путь к картинке начинающийся со знака "/" означает что путь будет начинаться от корня сайта. А вот корня сайта у нас и нет, так как мы не запускаем веб-сервер.

Новые блоги и статьи Все статьи Все блоги /
моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .

@AlexZaw Модератор 2379 / 1739 / 677 Регистрация: 07.08.2016 Сообщений: 4,093
	29.05.2019, 17:08
	del 0