Проблема с наложениями div-ов

Zontik24 · April 7, 2013

Нужна помощь! Хочу сделать так, чтобы div при наведении заменяется div-ом c контентом.

например вот: картинка фотошоп 200х200, когда на нее наводишь, то появляется описание программы и ссылка скачать на сером фоне тоже 200х200.

Буду благодарен за помощь! Над проблемой бьюсь уже 2 дня

вот код:

<style>
   .content {
   visibility: hidden;
   }
   .content {
   background-color: gray;
   color: white;
   height: 200px;
   width: 200px;
   margin-top: -200px;
   }
   .b {
   background-image: url(images/phs.jpg);
   width: 200px;
   height: 200px;
   }

   .b:hover + .content {
	visibility: visible;
   }

  </style>
</head>
<body>
<div class="b"></div>
  <div class="content">
text text text text text</div>

Yazon_Nile · April 9, 2013

Идея такая

1. Есть основной блок, который содержит картинку и блочек с текстом.

2. Текст вешается на абсолют и скрывается любым удобным способом

3. На ховер всего блока текст появляется

Sign In

Проблема с наложениями div-ов

Question

Zontik24

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

Yazon_Nile

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information