Фоновая картинка

@UProger · Регистрация: 19.04.2013

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

Здраствуйте.

Покаким таким причинам Нижеприведённое правело CSS у меня не работает:

CSS
1
2
3
4
5
6
.main
{
    background-image:url("http://............/images/360/red/01.jpg");
    width:1280px;
    height:1024px;
}

Вызываю в браузере саму картинку - показывает

меняю последнюю строку на простой цвет:

CSS
1
background-color:#b0c4de;}

работает а картинку как фон не ставит!

страничку только начал строить

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!doctype html>
<html>
     <head>
        <meta charset="utf-8">
        <link rel="stylesheet" type="text/css" href="css/general.css" media="all" />
 
        <script type="text/javascript" src="javascript/jquery-1.8.3.js"></script>
        <script type="text/javascript" src="javascript/index.js"></script>
 
     </head>
<body>
    <div class="main">
 
    </div>
</body>
</html>

@Shmasya · 21.08.2013, 23:16

Смотри, для упрощения записи можно записывать так:

CSS
1
2
3
.class {
  background: #кодцвета url("ссылканакартинку") no-repeat;
}

В то время когда у человека отключены картинки в браузере он будет показывать цвет который ты указал. Положения могут быть любые. Ты так же можешь записать так:

CSS
1
2
3
.class {
  background: url("ссылка") no-repeat #FFFFFF;
}

И эта запись тоже считается правильной. Учитесь, пользуйтесь, задавайте вопросы.

Добавлено через 21 минуту
А вот по поводу фона, ты его не правильно задаёшь. Ты задавай фон страницы через body, а не через класс.
Например, делаем страницу:

HTML5
1
2
3
4
5
6
7
...
<body>
  <div class="wrapper">
    <p>Тут наш текст</p>
  </div>
</body>
...

Это наш каркас. Нам нужно сделать, чтобы текст был в прямоугольнике с фоном, а наша страница была светло серого фона. Всё это делается через css.

CSS
1
2
3
4
5
6
7
8
9
10
11
body {
  margin: 0;
  padding: 0;
  background: #E1E1E1;
}
.wrapper {
  width: 500px;
  height: 500px;
  background: url("html://*************/clip/m134625/1377111554-clip-283kb.png") no-repeat #808080:
  margin: 0 auto;
}

В итоге мы получим фон серый, а по средине страницы будет блок 500х500, на фоне которого картинка. Если у нас будут отключены картинки, будет фон с цветом, указанным мною выше.

Новые блоги и статьи Все статьи Все блоги /
Подключение Box2D v3 к SDL3 для Android: физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
Влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .