Html 将鼠标悬停在图像上时显示div

我试图放大悬停在上面的图像，并在悬停在该图像上时显示带有文本的div。放大可以，但显示另一个div则不行

<div id="punt1">
    <div id="puntnaam1" class="puntnaam">Ieplaan</div>
    <img class="punt"src="ieplaan1.jpg">
</div>

---

我做错了什么？

您不能使用CSS在DOM中选择以前的同级元素或父元素。只能选择下一个同级元素或子元素

e、 例如，如果您将代码更改为：

<div id="punt1">
    <img class="punt"src="ieplaan1.jpg">
    <div id="puntnaam1" class="puntnaam">Ieplaan</div>
</div>

因为现在是下一个兄弟姐妹

---

请参阅：

您不能使用CSS在DOM中选择以前的同级元素或父元素。只能选择下一个同级元素或子元素

e、 例如，如果您将代码更改为：

<div id="punt1">
    <img class="punt"src="ieplaan1.jpg">
    <div id="puntnaam1" class="puntnaam">Ieplaan</div>
</div>

因为现在是下一个兄弟姐妹

---

看：

你不能做那样的事

.punt:hover .puntnaam{
    display: block;
}

因为puntnaam已经被隐藏了， 您可以使用简单的jQuery代码来解决它

$(".punt").hover(function() {
$("#puntnaam1").show();
 });

---

你不能做那样的事

.punt:hover .puntnaam{
    display: block;
}

因为puntnaam已经被隐藏了， 您可以使用简单的jQuery代码来解决它

$(".punt").hover(function() {
$("#puntnaam1").show();
 });

---

你的代码没有意义。您正在检查悬停在en元素上的情况，该元素既有punt类，也有puntnaam类，但这两个类都不存在。我建议使用javascript来达到预期效果，并在悬停事件上触发一个函数来执行这两项任务。你的代码没有意义。您正在检查悬停在en元素上的情况，该元素既有punt类，也有puntnaam类，但这两个类都不存在。我建议使用javascript以获得所需效果，并具有一个在悬停事件上触发的函数，该函数可执行这两项任务。当skyline3000键入此内容时，我为您创建此内容，与所述内容完全相同…当skyline3000键入此内容时，我为您创建此内容，与所述内容完全相同。。。