title: Opacity on hover doesn't work
body: <p>So, I've tried making an image change opacity when you hover your cursor over it. The problem is that changing opacity doesn't work at all.</p>
  
  <p>Here is the code <strong>CSS</strong></p>
  
  <pre><code>.jarleby {
    z-index: 10001;
    position: fixed;
    left: 43%;
    top: 60%;
    margin-left: -45px;
    margin-top: -56px;
    animation-delay: 0.3s;
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
  }
  
  .jarleby:hover {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
  }
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="jarleby animated fadeInUp"&gt;
    &lt;a href="https://steamcommunity.com/profiles/76561198345955002" target="_blank"&gt;&lt;img src="img/steam.png"&gt;&lt;/img&gt; &lt;/a&gt;
  &lt;/div&gt;
  </code></pre>