bir divin üzerine gelince başka bir divi göstermek

<!DOCTYPE html> <html > <head> 
<style type="text/css"> .pic{ width:400px; height:217px;
 background: url(http://www.corelangs.com/css/box/img/tiger.png) no-repeat; } .text{ width:340px; height:217px;
 background:#FFF; opacity:0; } .pic:hover
 .text { opacity:0.6; text-align:justify;
 color:#000000; font-size:20px; font-weight:700; font-family:"Times New Roman", Times, serif; padding:30px; } </style>
 </head>
 <body> 
<div class="pic"> <div class="text"> The tiger is the largest cat species, reaching a total body length of up to 3.3 m and weighing up to 306 kg. Its most recognizable feature is a pattern of dark vertical stripes on reddish-orange fur with a lighter underside. </div>
 </div> </body>
 </html> - See more at: http://www.corelangs.com/css/box/hover.html#sthash.Af2TMIQ3.dpuf

 <!DOCTYPE html> <html >
 <head> <style type="text/css"> .imgBox { width: 191px; height: 191px; background: url(http://www.corelangs.com/css/box/img/duck.png) no-repeat; } .imgBox:hover { width: 191px; height: 191px; background: url(http://www.corelangs.com/css/box/img/peng.png) no-repeat; } </style> </head>
 <body>
 <div class="imgBox"> </div> 
</body> 
</html> - See more at: http://www.corelangs.com/css/box/hover.html#sthash.Af2TMIQ3.dpuf