HTML, CSS

Форум программистов и сисадминов Киберфорум

Войти

Регистрация
Восстановить пароль

Другие темы раздела

HTML, CSS как заставить блок не обтекать другой блок https://www.cyberforum.ru/ html/ thread1097039.html
<!doctype html> <html> <head> <meta charset="utf-8"> <title>Valeria-clothes-интернет магазин женской одежды | Распродажи | Недорогая стильная и модная женская одежда</title> <link type="text/css" rel="stylesheet" href="css/style.css"> <link type="text/css" rel="stylesheet" href="css/slider.css"> <script type="text/javascript" src="js/jquery-1.11.0.min.js"></script> <script...

Создание слайдера HTML, CSS
Добрый день. Подскажите как сделать переключатель между модальными окнами, чтобы можно было по клику открывать модальное окно и переходить назад вперед между изображениями <div class="main_photo"> <div id="openModal" class="modalDialog"> <div> <a href="#close" title="Закрыть" class="close">X</a> <img id = 'bigimg' src = 'gallery1.jpg' height = '500' alt = 'Главное...

HTML, CSS работа с @media Подскажите, как работать с @media я добавляю его в css вот сам код @media screen and (max-width: 480px) { .image-conteiner1{ display: inline-block; } .image-conteiner2{ display: inline-block; } https://www.cyberforum.ru/ html/ thread1096952.html

HTML, CSS Текст на картину https://www.cyberforum.ru/ html/ thread1096911.html
Подскажите, пожалуйста, где прочитать про наложение слоя с текстом и полупрозрачным фоном на определенную часть картины.

HTML, CSS Разный оступ в опере и хроме
Пытался натянуть рамочку на видеоплеер ютуба. Все получилось но в опере видео нормально стоит (по центру рамки) а в хроме слезает в низ. Вот уже битый час немогу понять в чем беда то... <div style="width:838px;height:220px;"> <img src="images1/002.png" style="overflow:hidden; padding-top:2px; width:838px; height:67px; z-index:23" alt="" title="" border=0 width=838 height=67> <img...

HTML, CSS Обновление сайта https://www.cyberforum.ru/ html/ thread1096827.html
Доброго времени суток у меня такой вопрос. Я обновил дизайн сайта, или добавил в на главную новый раздел. но этот раздел не будет виден пока не обновлю страницу. Вопрос, что нужно сделать, чтобы пользователь видел сразу обновленный сайт при заходе?

HTML, CSS Размещение дополнительного сайдбара https://www.cyberforum.ru/ html/ thread1096797.html
Как мне разместить второй сайдбар? Я его уже зарегистрировал,но не знаю в каком файле и в какой части размещать. Хочу разместить сайдбар справа от записей чтобы разместить там рекламу. http://oboi-pc.ru/wp-content/uploads/2014/02/Без-имени-2.jpg ссылка на сайт http://oboi-pc.ru/

HTML, CSS Прокрутка одновременно двух div-ов
Добрый день! Подскажите, пожалуйста, как сделать одновременную прокрутку двух div-ов. Или исправьте мою ошибку. Есть два div-а, которые содержатся в еще одном блоке. Я поставила прокрутку overflov: auto на внешний общий div. Два внутренних блока прокручиваются одновременно, но когда заканчивается место появляется полоса прокрутки и текст выходит за рамки блока и печатается вниз. При этом...

HTML, CSS Адаптивная вёрстка содержимого страницы https://www.cyberforum.ru/ html/ thread1096689.html
Вопрос по вёрстке назрел... От чего зависит содержимое страницы будет смещатся или нет когда окно браузера уменьшаешь сужаешь? И как лучше делать верстать чтобы при уменьшении окна всё уменьшалось в окне, либо чтобы ничего с содержимым страницы не происходило просто закрывалось сужением окно?? Хотелось бы знающих верстальщиков каких-то комментов на этот счет))

HTML, CSS focus на элементе onload Здравствуйте, у меня при загрузке страницы с логином, с помощью js выставляется фокус на input'е для ввода логина. При открытии сайта на мобильном android фокус ставится, но клавиатура появляется, только когда руками нажмешь. Можно как-то исправить, чтобы клавиатура сразу открывалась? https://www.cyberforum.ru/ html/ thread1096492.html

Как разместить содержимаое в центре страницы HTML, CSS
Здравствуйте! Помогите с размещением содежимого в центре страницы (первые попытки изучения у меня) есть вот такой HTML код: <!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=utf-8" /> <link rel="stylesheet"...

HTML, CSS Img по центру элемента li Добрый день. Не получается сверстать правильно страницу с фотографиями. На экране все отображается, как я указал в прикрепленной картинке ("сейчас"). Мне необходимо размещать img по центру элемента li, как я указал это в прикрепленной картинке ("необходимо"). Подскажите пожалуйста как это сделать. <li style="display : inline-block; width : 260px; height: 260px;"> <a...

irube

3 / 3 / 0

Регистрация: 08.06.2012

Сообщений: 20

Показать div поверх другого div при наведении - HTML, CSS - Ответ 5784201

15.02.2014, 16:03. Показов 12278. Ответов 1

Метки (Все метки)

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

У меня есть таблица. В каждой ячейке есть div. Так вот надо чтобы при наведении на этот блок, появлялся overlay и поверх него div. Подскажите как расположить это все и что надо написать в стиль?

Добавлено через 1 час 26 минут
Сделал стандартный вариант, используя z-index, но почему-то текст, который до наведения на блок курсора был в блоке, при наведении уходит вниз за этот блок, при этом overlay появляется.

Добавлено через 10 минут
Собственно, проблему решил вот так:

HTML5

<div class="click" style="margin-top: 300px; width: 300px; height: 300px; border: 1px #bababa solid; z-index: 1; position: relative;">
            <div class="overlay" style="width: 100%; height: 100%; background: #ffcc00; display: none; z-index: 9999; opacity: 0.5; position: absolute;">   
            </div>  
                        
        </div>

Но вопрос в том, можно ли как-нибудь лучше или элегантнее сделать?

Добавлено через 1 час 50 минут
И так же еще вопрос: появилась проблема с прозрачностью. То есть при установки прозрачности на overlay, то она же накладывается на блок в этом overlay.

Вернуться к обсуждению:
Показать div поверх другого div при наведении HTML, CSS

Следующий ответ

Заказать работу у эксперта

cpp_developer

Эксперт

20123 / 5690 / 1417

Регистрация: 09.04.2010

Сообщений: 22,546

Блог

15.02.2014, 16:03

Готовые ответы и решения:

Перемещение нескольких элементов в Div при наведении на div
Есть Div1, в нем находится div 2, в 1 также находится div3 скрытый снизу. Как сделать так чтобы,...

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

Можно ли задать один блок div относительно другого div-а?
Привет. Пытаюсь сделать слои, по этому примеру. Там они используют абсолютное позиционирование и...

Как поставить div по середине вертикально внутри другого div?
Заранее спасибо!! <!DOCTYPE html> <html> <head> <title>Best Promocodes</title>...

	15.02.2014, 16:03

raxper

Эксперт

30234 / 6612 / 1498

Регистрация: 28.12.2010

Сообщений: 21,154

Блог

15.02.2014, 16:03

Помогаю со студенческими работами здесь

Размещение нескольких блоков div внутри другого блока div
Хочу сделать шапку веб-страницы. Прикреплю ниже небольшую схему того, как она будет выглядеть. Хочу...

Почему div ы не хотят встать внутрь другого div, а встают под него ?
Не мог бы кто нибудь помочь? 001 и 002 не встают в header, а 003, 004 и 005 не встают в content?...

Как в div загружать страницы из другого блока div?
Здравствуйте. Кто сможет помочь мне в одном вопросе? Как можно загрузить по ссылке страницу из...

Выровнять по центру, по горизонтали div, внутри другого div
Есть див, в нём три других дива. Как выровнять их по середине? В этих блоках был использован...

Новые блоги и статьи
Использование связки C# и PHP в корпоративной разработке и микросервисной архитектуре InfoMaster 16.01.2025 Введение в интеграцию C# и PHP В современной корпоративной разработке все чаще возникает потребность в создании гибких и масштабируемых решений, способных эффективно решать широкий спектр. . .	Как использовать Kerio дома для управления сетью и пользователями InfoMaster 16.01.2025 Использование технологий для улучшения повседневной жизни стало неотъемлемой частью современного быта. Одной из таких технологий является Kerio — мощный инструмент для управления сетью и. . .	Есть ли будущее у DVD и Blu-ray? InfoMaster 16.01.2025 В эпоху стремительного развития цифровых технологий и повсеместного распространения потоковых сервисов вопрос о будущем физических носителей информации становится все более актуальным. Особенно остро. . .	Как проводить научные вычисления на Python InfoMaster 15.01.2025 Python стал одним из наиболее востребованных языков программирования в области научных вычислений благодаря своей простоте, гибкости и обширной экосистеме специализированных библиотек. Научные. . .	Создание игры типа Minecraft на PyGame/Python: пошаговое руководство InfoMaster 15.01.2025 В данном руководстве мы рассмотрим процесс создания игры в стиле Minecraft с использованием библиотеки PyGame на языке программирования Python. Этот проект идеально подходит как для начинающих. . .	Как создать свою первую игру в стиле Doom на Unreal Engine InfoMaster 15.01.2025 Разработка шутера от первого лица в стиле классического Doom представляет собой увлекательное путешествие в мир игрового программирования, где сочетаются творческий подход и технические навыки. . . .
Параллельное программирование: основные технологии и принципы InfoMaster 15.01.2025 Введение в параллельное программирование Параллельное программирование представляет собой фундаментальный подход к разработке программного обеспечения, который позволяет одновременно выполнять. . .	Как написать микросервис на C# с Kafka, MediatR, Redis и GitLab CI/CD InfoMaster 15.01.2025 В современной разработке программного обеспечения микросервисная архитектура стала стандартом де-факто для создания масштабируемых и гибких приложений. Этот подход позволяет разделить сложную систему. . .	Что такое CQRS и как это реализовать на C# с MediatR InfoMaster 15.01.2025 Концепция CQRS и её роль в современной разработке В современном мире разработки программного обеспечения архитектурные паттерны играют ключевую роль в создании масштабируемых и поддерживаемых. . .	Как настроить CI/CD с Azure DevOps InfoMaster 15.01.2025 CI/ CD, или непрерывная интеграция и непрерывное развертывание, представляет собой современный подход к разработке программного обеспечения, который позволяет автоматизировать и оптимизировать процесс. . .	Как настроить CI/CD с помощью Jenkins InfoMaster 15.01.2025 Введение в CI/ CD и Jenkins В современной разработке программного обеспечения непрерывная интеграция (CI) и непрерывная доставка (CD) стали неотъемлемыми элементами процесса создания качественных. . .	Как написать микросервис на Go/Golang с Kafka, REST и GitHub CI/CD InfoMaster 14.01.2025 Определение микросервиса, преимущества использования Go/ Golang Микросервис – это архитектурный подход к разработке программного обеспечения, при котором приложение состоит из небольших, независимо. . .

Наверх