nicht angemeldet
Hallo,
ich arbeite garde an einer Seite und jetzt habe ich ein problem und zwar will ich die Navi aus mehreren Bildern zusammensetzen und zwar so das alle Bilder zu ca.50% Transparent sidn aber wenn man mit der Maus über eins geht das dieses dann in ca. einer halben bis ganzen sekunde normal wird halt nicht durchsichtig.
Fuer Mozilla hilft einfach das:
img
{
-moz-opacity: 0.5;
}
img:hover
{
-moz-opacity: 1.0;
}
Im IE gibt es den opacity-Filter. Ansonsten waeren hier Grafik-Rollovers angebracht (Bildertausch).
Prima machbar ist das auch mit SVG:
<image xlink:href="abc.gif" x="..." y="..." width="..." height="..." style="opacity: 0.5">
<set attributeName="opacity" attributeType="CSS" to="1.0" begin="mouseover"/>
<set attributeName="opacity" attributeType="CSS" to="0.5" begin="mouseout"/>
</image>
MfG, Thomas