Erre két féle CSS-t tudok adni :) Azért kettő félét, mert az egyikben akkor homályos a képed, ha ráviszed az egeret, míg a másikban már homályos képet látsz és ha ráviszed az egeret, akkor tisztul ki.
1. Ha ráviszed az egeret, akkor homályos:
<style type="text/css">
a:link img, a:visited img { /* a linkelt kép*/
border: 5px solid #e95a82; /* itt adhtasz keretet a képnek */
background-color: transparent; /* itt háttérszínt adhatsz a képnek */
padding: 0px; /* itt látszik a háttér színe, ha ez nem 0, hanem nagyobb szám */
filter: alpha(opacity=90); /* áttetszőség Internet Exporerben */
opacity: 1.0;} /* áttetszőség mozzila firefoxban */
a:hover img { /* a linkelt kép, ha ráviszed az egeret */
border: 0px solid #e95a82; /* itt adhtasz keretet a képnek */
background-color: transparent; /* itt háttérszínt adhatsz a képnek */
padding: 0px; /* itt látszik a háttér színe, ha ez nem 0, hanem nagyobb szám */
filter: alpha(opacity=60); /* áttetszőség Internet Exporerben */
opacity: 0.6;} /* áttetszőség mozzila firefoxban */
-->
</style>
1. Ha ráviszed az egeret, akkor tisztul ki:
<style type="text/css">
a:link img, a:visited img { /* a linkelt kép */
border: 0px solid #e95a82; /* itt adhtasz keretet a képnek */
background-color: transparent; /* itt háttérszínt adhatsz a képnek */
padding: 0px; /* itt látszik a háttér színe, ha ez nem 0, hanem nagyobb szám */
filter: alpha(opacity=60); /* áttetszőség Internet Exporerben */
opacity: 0.6;} /* áttetszőség mozzila firefoxban */
a:hover img { /* a linkelt kép, ha ráviszed az egeret */
border: 0px solid #e95a82; /* itt adhtasz keretet a képnek */
background-color: transparent; /* itt háttérszínt adhatsz a képnek */
padding: 0px; /* itt látszik a háttér színe, ha ez nem 0, hanem nagyobb szám */
filter: alpha(opacity=90); /* áttetszőség Internet Exporerben */
opacity: 1.0;} /* áttetszőség mozzila firefoxban */
-->
</style>
LindaDesign
|
AJÁNLOM AZ OLDALT
