Javascript 悬停时，在div顶部显示内容之前_Javascript_Html_Css_Wordpress

Javascript 悬停时，在div顶部显示内容之前

javascript html css wordpress

Javascript 悬停时，在div顶部显示内容之前,javascript,html,css,wordpress,Javascript,Html,Css,Wordpress,我制作了NextWebSocialShare按钮，但并没有让它悬停在efects上例如：我该怎么做？我想在悬停该div时显示“Share on Twitter”块谢谢。我不确定我是否理解，但我会选择这样的方式 <!DOCTYPE html> <html> <head> <style> div { background-color: grey; padding: 20px; display:

我制作了NextWebSocialShare按钮，但并没有让它悬停在efects上

例如：

我该怎么做？我想在悬停该div时显示“Share on Twitter”块

谢谢。

我不确定我是否理解，但我会选择这样的方式

<!DOCTYPE html>
<html>
<head>
  <style>
    div {
      background-color: grey;
      padding: 20px;
      display: none;
    }

    span:hover + div {
      display: block;
    }

    .example {
       color: white;
       font-family: 'Open Sans', sans-serif;
    }
  </style>
</head>
<body>
  <span>Hover over me!</span>
  <div class="example">I will show on hover</div>
</body>
</html>


div{
背景颜色：灰色；
填充：20px；
显示：无；
}
跨度：悬停+div{
显示：块；
}
.举例{
颜色：白色；
字体系列：“开放式Sans”，无衬线；
}
在我上空盘旋！
我将在悬停中显示

当然是css中的样式元素。您觉得怎么样？

欢迎来到Stack Overflow！寻求代码帮助的问题必须包括在问题本身中重现代码所需的最短代码，最好是以最短的代码。看见