Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.50/4: Рейтинг темы: голосов - 4, средняя оценка - 4.50
0 / 0 / 0
Регистрация: 23.03.2013
Сообщений: 2

прозрачные div

23.03.2013, 16:42. Показов 760. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
помогите кто может) есть такая проблема! есть 2 прозрачных div'a. 1 зафиксирован над 2 когда прокручиваю сайт 2 div заходит под 1 и го видно текст смешивается и не чего вообще не понятно! как сделать чтоб div 2 пропадал заходя за div 1!
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css.css"/>
<title></title>
</head>
<body>
<div id="top">div 1</div> 
<div id="center"> 
     
    <div id="content"> 
        div 2
    </div> 
</div>
</body>
</html>
CSS
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
body{background: blue;}
#top { 
    width:  100%; 
    height: 100px; 
    position: fixed; 
    left: 0px; 
    top:  0px; 
    _position: absolute; 
    _top: expression( 0 + eval(document.documentElement.scrollTop||document.body.scrollTop) + 'px' ); 
    background-color: rgba(255, 255, 255, 0.35); 
} 
#center { 
    width:  75%; 
    height: 100%; 
    margin: 0px auto 0px auto; 
    padding-top: 110px; 
} 
#content{ 
    margin: 0px auto 0px;
    -moz-border-radius:8px;
    -khtml-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    border:1px solid white;
    background-color: rgba(255, 255, 255, 0.35);
}
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
23.03.2013, 16:42
Ответы с готовыми решениями:

CSS!? Div в div'e, как не потерять позиции css внутреннего div'a при изменении размера браузера?
вот когда изменяю размер браузера, то внутренний div не хочет изменяться вместе с контейнером, а контейнер изменяется? .container{ ...

<div> перекрывает 2 других <div>. Не отображается <div>
&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt; &lt;html...

Резиновый размер div'a, размер div'a в зависимости от расположения div'ов в нем
Надо чтобы div &quot;telo&quot; растягивался в зависимости от дивов которые находятся в нем. тоесть должен быть черный квадрат в котором по углам...

2
21 / 20 / 9
Регистрация: 26.09.2012
Сообщений: 62
23.03.2013, 23:04
CSS
1
div{z-index:100;}
0
0 / 0 / 0
Регистрация: 23.03.2013
Сообщений: 2
24.03.2013, 05:43  [ТС]
не помогло

Добавлено через 35 секунд
с z-index все перепробовал)
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
24.03.2013, 05:43
Помогаю со студенческими работами здесь

Растянуть div в высоту на 100% или на занимаемое пространство вложенного div
Ситуация такая, есть див-1, в нем несколько дивов. Див-1 осуществляет роль фоновой картинки(т.е. тупо background color задает) В Див-1...

Показать второй div-sidebar перед первым div-content на CSS
Как в данном примере можно с помощью CSS показать блок сайдбара первым, перед блоком контента, не смотря на то, что в коде блок контента...

Как наложить один DIV на другой DIV (чтобы он был по центру)
Попытаюсь сформулировать свой вопрос (сразу говорю в начале посмотрите на скриншот который внизу). И так приступили, создаю &lt;div&gt; но...

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

Растянуть div col-xs-4 во всю высоту div row (bootstrap)
Здравствуйте Как сделать &lt;div class=&quot;col-xs-4&quot;&gt; во всю высоту &lt;div class=&quot;row&quot;&gt;? &lt;div class=&quot;row&quot;&gt; &lt;div...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
Установка Emscripten SDK (emsdk) и CMake на Windows для сборки C и C++ приложений в WebAssembly (Wasm)
8Observer8 30.01.2026
Чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. Система контроля версиями Git. . .
Подключение 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 - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru