merhaba arkadaslar blogumda paylastigim kodu burdada paylasayim birilerinin isine yarayabilir...

resmi cerceveye alip resmin uzerine mouse ile gidildigi zaman yazi efekti cikiyor..

bu konuda detayli anlatim yaptim

*{ padding:0; margin:0;}
body, { font:100% normal Arial, Helvetica, sans-serif; background-color:#d0e1f1;}
​
#container{ margin:0 auto; padding:0; width:600px; position:relative;}

.rollover_img {
width: 200px;
height: 300px;
background-image: url( # );

background-position: top;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border:10px solid #ccc;
font:13px normal Arial, Helvetica, sans-serif;
line-height:18px;
float:left;
margin:0 10px 10px 0;
}

.rollover_img a {
color: #fff;
width: 200x;
height: 300px;
display: block;
text-decoration: none;
}

.rollover_img a:hover {
background:#000;
opacity:.60;
filter:alpha(opacity=60);
}

.rollover_img a span {
display: none;
width: 195px;
padding:5px;
}

.rollover_img a:hover span {
display: block;
}

<div class="rollover_img"><a>
<span>
aciklama burada....

</span>
</a>​</div>