Как создать всплывающее окно при наведении на другой элемент?

Изображение к вопросу
  • 13 августа 2023 г. 15:15
Ответы на вопрос 1
Для того чтобы всплывающее окно появлялось только при наведении на элемент, его необходимо поместить внутрь самого элемента. Например:

HTML:
```html
<div class="img_6">
  <img src="example.jpg">
  <div class="black">
    <p>Всплывающее окно</p>
  </div>
</div>
```

CSS:
```css
.img_6 .black {
  display: none;
}

.img_6:hover .black {
  display: block;
}
```

Таким образом, окно будет скрыто по умолчанию, а при наведении на элемент .img_6 будет отображаться внутри него элемент .black.
Похожие вопросы