當懸停時，在內容顯示在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

回答

相關問題