Прогрутка Background

@Gorunuch15 · Регистрация: 31.03.2013

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

Здравствуйте, делаю сайт и столкнулся с проблемой что Background не прокручивается вниз ... Сайт: http://mgorunuch.vv.si/ Код

Кликните здесь для просмотра всего текста

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Документ без названия</title>
<style type="text/css">
body {
        
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
        background-image: url({THEME}/images/Background.png);
        background-attachment: scroll;
        background-repeat: no-repeat;
}
.logo {
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: center center;
    height: 100px;
    width: 900px;
}
.Info_Content {
    background-attachment: scroll;
    background-image: url({THEME}/images/Info_content.png);
    background-repeat: no-repeat;
    background-position: center center;
}
</style>
</head>
 
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <th align="center" class="logo" scope="col"><img src="{THEME}/images/Logo.png" align="middle" /></th>
  </tr>
  <tr>
    <td align="center"><table width="1000" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <th width="200" scope="col">&nbsp;</th>
        <th width="60" scope="col">&nbsp;</th>
        <th width="640" class="Info_Content" scope="col">{info}{content}</th>
      </tr>
      <tr>
        <td colspan="3">&nbsp;</td>
        </tr>
    </table></td>
  </tr>
</table>
</body>
</html>

@maxvel0007 · 05.06.2013, 17:03

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

Background не прокручивается вниз

Если я правильно понял вы про фоновое изображение ??

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

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

Background не прокручивается вниз

Если я правильно понял вы про фоновое изображение ??

Путем присвоения значения fixed свойству background-attachment можно зафиксировать положение фонового изображения, и оно будет оста- ваться на месте при прокрутке контента.

HTML5
1
2
3
4
5
6
7
8
body {
font: 0.9em Verdana,  Geneva, Arial, Helvetica, sans-serif;
background-color: #D2D7E4;
color: #000000;
background-image:  url(background-repeatx.jpg);
background-repeat: repeat-x;
background-attachment: fixed;
}

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

В качестве варианта можно было бы воспользоваться сокращенным ме- тодом записи той же самой информации с помощью свойства background.

Зафиксированное фоновое изображение остается неподвижным при прокрутке контента

Оно позволяет одновременно указать значения свойств background-color, background-image, background-repeat, background-attachment и background- position в одном описании. Для примера рассмотрим следующее пра- вило CSS:

HTML5
1
2
3
4
5
body {
background-color: #D2D7E4;
background-image:  url(background-repeatx.jpg);
background-repeat: repeat-x; background-attachment: fixed; background-position: 0 0;
}

Эти описания можно представить в более сжатой форме следующим об- разом:

HTML5
1
2
3
body {
background:  #D2D7E4  url(background-repeatx.jpg) repeat-x fixed  0 0;
}

В заключение более подробно остановимся на описании background- attachment: fixed. Поддержка данного свойства, как и многих других CSS-свойств, у семейства броузеров Internet Explorer ограничена. Ран- ние версии IE обрабатывают данное свойство некорректно, что было исправлено только в IE7. Существуют обходные пути с использованием JavaScript, но, как правило, в этом случае игра едва ли стоит свеч.1 По умолчанию пользователи ранних версий Internet Explorer, не поддер- живающих декларацию background-attachment: fixed, увидят прокрутку фонового изображения, что обычно можно считать вполне приемлемым компромиссом (это даже может подвигнуть пользователей на обновле- ние своих броузеров).

@Gorunuch15 · 05.06.2013, 18:33 **[ТС]**

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

Путем присвоения значения fixed свойству background-attachment можно зафиксировать положение фонового изображения, и оно будет оста- ваться на месте при прокрутке контента.

Спасибо огромное

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .	SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .