Dowiedziałam się, że w css można sobie poradzić z prześwitującym spod spodu imgiem dzięki selektorowi + i zmianą opacity
No to próbuję, ale w poradniku kolejność była nie taka i już mi nie działa, bo ja chcę jednemu img dać opacity 0, a drugiemu 1, a w poradniku miałam tylko wyłaczenie drugiego:|
Mam w css kod (w html dwa obrazki <img>, jeden obok drugiego )
Kod:
.logo1
{
position: absolute;
}
.logo2
{
position: relative;
}
.logo1 + .logo2
{
opacity: 0;
}
tyle mi działa, że nie wyświetla logo2
Ale gdy próbuję wybrać .logo1:hover i zmienić mu opacity na 0, albo potem .logo:hover + .logo2 i zmienić opacity na 1, to w żadnym przypadku nic się nie dzieje.
dopiero .logo2:hover coś reaguje, ale moje używanie po tym w ciemno + albo ~ i .logo1 nie robi nic temu .logo1
czarna magia
Wie ktoś czy da się zrobić opacity = 0 dla logo1 i opacity = 1 dla logo2 po hoverach? xd
@dół
a, czyli jednak bez css
thx, będę używać;)
Zakładki