Javascript 悬停时共享按钮

我一直在尝试让共享按钮出现在一篇文章“Mashable style”上，但我似乎没能做到这一点。任何帮助都将不胜感激

<div class="c-container">
    <article class="c-news">
        <header> 
            <a href="#">
                <img src="http://a_really_long_url.jpg" 
                    alt="post-image" class="post-image">
            </a>
        </header>

---

查看您需要使用

：hover

CSS选择器：

• 首先隐藏元素：

  .st_facebook_hcount, .st_twitter_hcount {
    position:relative;
    display:none; /* Hide It*/
    width:6rem;
    top: -1.2rem;
    left:18rem;
  }
  

• 然后将

  ：悬停设置为显示：
  
  .c-news:hover .st_facebook_hcount, .c-news:hover .st_twitter_hcount {
    display:inline-block;
  }
  
  

---

演示

您的跨度没有任何尺寸。