Beo Hover opacity anwenden

[Jnnbo]

Hallo,

  
    <figure>  
      <img src="img/2.jpg" alt="Bild 2" />  
	      <figcaption>Bild 2</figcaption>  
    </figure>  

ich möchte gerne, wenn ich mit der Maus über das Bild fahre, dass dann folgende Optionen angewendet werden:

  
figure img {  
	opacity:0.5;  
}  

und gleichzeitig, sollte das <figcaption> eingeblendet werden, dieses ist gerade so gestylt

  
figcaption {  
	position: absolute;  
	bottom: 4px;  
	left: 0;  
	color: #fff;  
	width:300px;  
	text-align: center;  
	height: 2em;  
	line-height: 2em;  
	border-top: 1px solid #ababab;  
	background: #404040;  
	background-color: rgba(40, 40, 40, 0.8);  
  }  

Bekomme es nicht hin, dass dieses eben beim Hovern passiert, da müssen wohl ein paar Eigenschaften zusammengefasst werden?

[Felix Riesterer]

Liebe(r) Jnnbo,

beim Hovern passiert,

Du benötigst :hover!

Liebe Grüße,

Felix Riesterer.