Hallo Leute,
ich verzweifle noch!!
Habe in einem Link nebeneinander 3 Bilder (<a><img ... /><img ... /><img ... /></a>
) ... das 1. für a:link
, das 2. für a:visited
, das 3. für a:hover
, a:active
, a:focus
.
Also es ist letztlich -- über display: inline;
bzw. display: block;
-- immer nur 1 Bild sichtbar.
a:link img:first-child {display: inline;}
a:visited img:first-child {display: none;}
a:hover img:first-child {display: none;}
a:active img:first-child {display: none;}
a:focus img:first-child {display: none;}
a:link img:first-child + img {display: none;}
a:visited img:first-child + img {display: inline;}
a:hover img:first-child + img {display: none;}
a:active img:first-child + img {display: none;}
a:focus img:first-child + img {display: none;}
a:link img + img + img {display: none;}
a:visited img + img + img {display: none;}
a:hover img + img + img {display: inline;}
a:active img + img + img {display: inline;}
a:focus img + img + img {display: inline;}
Funktioniert und Internet Explorer und Opera, jedoch nicht in Chrome, Firefox und Safari.
Jemand ne Ahnung, woran's liegen und wie's gelöst werden könnte?
Danke im Voraus!!
Matze