Html 如何将鼠标悬停在span上以显示div？ 你好{ 字号：4em； } 关于{ 显示：无； } #哈罗：哈弗迪夫{ 显示：块； } 你好

你好

---

首先，我是个新手。第二，我想在一段的特定部分，跨度，然后让这个div出现。但是它似乎不起作用。

我不太确定这是否是您要求的，但是您可以利用span元素的onmouseover和onmouseout属性

通过一点javascript，您可以实现我认为您想要做的事情：

函数hideDiv（）{
document.getElementById（“divToHide”）.style.visibility='hidden'；
}
函数showDiv（）{
document.getElementById（“divToHide”）.style.visibility='visible'；
}

#divToHide{
高度：100px；
宽度：100px；
背景：红色；
}
#盘旋我{
光标：指针；
}

这是一段。如果您将鼠标悬停在这里，它将隐藏红色框。

我不太确定这是否是您要求的，但您可以利用span元素的onmouseover和onmouseout属性

通过一点javascript，您可以实现我认为您想要做的事情：

函数hideDiv（）{
document.getElementById（“divToHide”）.style.visibility='hidden'；
}
函数showDiv（）{
document.getElementById（“divToHide”）.style.visibility='visible'；
}

#divToHide{
高度：100px；
宽度：100px；
背景：红色；
}
#盘旋我{
光标：指针；
}

这是一段。如果您将鼠标悬停在这里，它将隐藏红色框。

我认为您需要一些javascript：

函数showorthdiv（）{
document.getElementById（“about”）.style.display=“block”；
}
函数hideOtherDiv（）{
document.getElementById（“关于”）.style.display=“无”；
}

你好{ 字号：4em； } 关于{ 显示：无； } #哈罗：哈弗迪夫{ 显示：块； }

你好
你好

我认为您需要一些javascript：

函数showorthdiv（）{
document.getElementById（“about”）.style.display=“block”；
}
函数hideOtherDiv（）{
document.getElementById（“关于”）.style.display=“无”；
}

你好{ 字号：4em； } 关于{ 显示：无； } #哈罗：哈弗迪夫{ 显示：块； }

你好
你好

您不必使用javascript：

 #hello{
   font-size: 4em;
 }
 div.about{
   display: none;
 }
 #hello:hover  div.about {
   display: block;
 }



<pre id="hometext"><span id="hello">Hello!</span></pre>
<div class="about" id="about"><p>hello</p></div>

---

您不必使用javascript：

 #hello{
   font-size: 4em;
 }
 div.about{
   display: none;
 }
 #hello:hover  div.about {
   display: block;
 }



<pre id="hometext"><span id="hello">Hello!</span></pre>
<div class="about" id="about"><p>hello</p></div>

---

没有

#Naam

元素。没有

#hallo

元素，而是

#hello

元素。打字错误问题在StackOverflow上是离题的。@Xufox很抱歉它原来是荷兰语的，所以我把它改成Visibility。所以打字错误不是问题嗯，好吧。

#hello:hover

和

div.about

之间的空格表示

div.about

应该是

#hello:hover

中的一个元素，而不是。您可以尝试使用

#hometext:hover+div.about

而不是

#hello:hover div.about

。这部分有效！但是，由于段落中的goaltext中有更多的单词，我希望它只在超过范围时出现？知道如何解决吗？没有

#Naam

元素。没有

#hallo

元素，而是

#hello

元素。打字错误问题在StackOverflow上是离题的。@Xufox很抱歉它原来是荷兰语的，所以我把它改成Visibility。所以打字错误不是问题嗯，好吧。

#hello:hover

和

div.about

之间的空格表示

div.about

应该是

#hello:hover

中的一个元素，而不是。您可以尝试使用

#hometext:hover+div.about

而不是

#hello:hover div.about

。这部分有效！但是，由于段落中的goaltext中有更多的单词，我希望它只在超过范围时出现？你知道如何解决这个问题吗？有没有一种方法专门针对跨度而不是整个段落？有没有一种方法专门针对跨度而不是整个段落？