title: Css hover on image - load a div
body: <p>I would like to do a CSS effect on hovering an image.</p>
  
  <p>I'd like to show a div containing content like text when I hover on an image.</p>
  
  <p>So I'd like to do something with this code:</p>
  
  <pre><code>&lt;div id="image"&gt;&lt;img src="image.png"/&gt;&lt;/div&gt;
  
  &lt;div id="hover"&gt;Test message&lt;/div&gt;
  </code></pre>
  
  <p>I have tried to hide the "hover" div in css display and on hover I tried to set the display to block, but its not working...:(</p>
  
  <p>EDIT: I want the text on the image. When I hover the image it should get some opacity BUT the text should not recieve that opacity!</p>
  
  <p>IS there any method to do this?</p>