title: Disable hover opacity effect for one particular image
body: <p>I have added a hover opacity effect on my images, as follows:</p>
  
  <pre><code>img {
    opacity: 1.0;
    filter: alpha(opacity=1.0); 
  }
  img:hover {
    opacity: 0.6;
    filter: alpha(opacity=0.6); 
  }
  </code></pre>
  
  <p>I want to disable this hover effect completely for one particular image.  </p>
  
  <p>How could this be achieved? </p>