Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Раслан
0 / 0 / 6
Регистрация: 14.10.2015
Сообщений: 45
#1

Hover поверх других блоков - HTML, CSS

22.11.2015, 20:38. Просмотров 696. Ответов 1
Метки css, html (Все метки)

Как сделать hover поверх других блоков
вот сайт-http://reg-shop.esy.es
0
Лучшие ответы (1)
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
22.11.2015, 20:38
Я подобрал для вас темы с готовыми решениями и ответами на вопрос Hover поверх других блоков (HTML, CSS):

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

Div поверх всех блоков
Как сделать div, чтобы он был на всю ширину и высоту экрана и поверх всех окон?

Сделать фиксированную панель поверх всех блоков
добрый день хотел сделать панель поверх блоков но не выходит где-то она поверх...

Фоновое изображение накладывается поверх дочерних блоков
Что то Какая то трабла с фоном на сайте...

Как расположить выпадающее меню поверх остальных блоков
Нужно расположить выпадающее меню поверх остальных блоков. Меню опускает...

Div поверх других дивов
Здравстуйте, не могу понять почему часть divA скрывается за другим дивом....

1
Shakalaka
Эксперт HTML/CSS
643 / 547 / 322
Регистрация: 27.01.2015
Сообщений: 1,373
22.11.2015, 22:01 #2
Лучший ответ Сообщение было отмечено Раслан как решение

Решение

HTML5
1
2
3
4
<div class="some_block">
    <img src="http://www.catsaroundtheglobe.com/wp-content/uploads/lil_bub_the_cat-250x250.jpg" alt="">
    <div class="overlay">some text</div>
</div>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
.some_block{
    position:relative;
    display:inline-block;
}
.overlay{
    display:none;
    background:rgba(204,204,204,.5);
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    color:#fff;
    text-align:center;
}
.some_block:hover .overlay{
    display:block;
}
http://jsfiddle.net/shakalaka/znxqh2zh/
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
22.11.2015, 22:01
Привет! Вот еще темы с решениями:

Выдвижное меню поверх других элементов
Здравствуйте, проблема такова, z-index не работает, куда бы его не вставлял....

Смещение других блоков из-за появлении блока
Здравствуйте. Есть, допустим 10 блоков, у которых обертка имеет display:flex ...

Как сделать, чтобы элемент был поверх других?
Сделал школьный сайт http://melschool.ru возникла проблема... выпадающее меню...

Две одновременные разные анимации для двух блоков расположенных один поверх другого
Есть такая HTML разметка &lt;div class=&quot;course-image&quot;&gt; &lt;img...


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

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru