当悬停时，在内容显示在div

-1

之前我做了像NextWeb这样的社交分享按钮，但我没有让它悬停效果。当悬停时，在内容显示在div

例如：

Social icons look like this normally

When you hover looking like this

我怎样才能做到这一点？我想在悬停该div时显示“在Twitter上分享”块。

感谢。

来源

2016-04-25 Oğuz Veli Yavaş

欢迎来到Stack Overflow！寻求代码帮助的问题必须包含在问题本身中重现**所需的最短代码**最好在[** Stack Snippet **]中（https://blog.stackoverflow.com/2014/09/introducing-runnable） -javascript-CSS-和HTML的代码段/）。请参阅[**如何创建最小，完整和可验证的示例**]（http://stackoverflow.com/help/mcve） –

我不知道我理解，但我会去这样的事情

<!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样式元素。你怎么看？

来源

2016-04-25 14:50:25 Mowso

当悬停时，在内容显示在div

回答

相关问题