Question

我制作了像NextWeb这样的社交分享按钮，但我没有让它成为悬停的效果。

例如：

我该怎么做？我想在悬停那个div时显示“在Twitter上分享”块。

感谢。

Answer 1

我不确定我理解但是我会选择这样的事情

<!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>

当然，使用css中的样式元素。你觉得怎么样？

悬停时，在div上方显示内容之前

1 个答案: