Próbuję zamienić obraz za pomocą CSS, ale gdy mysz przewraca się po raz pierwszy, zamiast zastąpienia jednego obrazu innym, najpierw pojawia się migotanie. Oto mój kod CSS:
#UL {
width: 50px;
height: 54px;
background:url("/img/UL_gr.png") no-repeat;
}
#UL:hover {
background-image:url("/i/logos/UL.png");
}
Odpowiedzi:
2 dla odpowiedzi № 1Wczytaj swoje obrazy i użyj ikonek. Problem rozwiązany!
1 dla odpowiedzi nr 2
Czy migotanie może być spowodowane tym, że przeglądarka próbuje wczytać nowy obraz (UL.png?)
Aby zobaczyć, spróbuj dodać element img z "/i/logos/UL.png" jako src i display: none as inline style. Dodaj to gdzieś na swojej stronie i sprawdź, czy to pomaga.
1 dla odpowiedzi nr 3
Migotanie jest spowodowane tym, że obraz nie jest załadowanypowinieneś go wstępnie załadować. Jest wiele sposobów na zrobienie tego, poniżej jest jedna metoda. Nie pokazuje się na stronie, ale ponieważ jest w ciele, nadal będzie ładować obraz. spowolnić ładowanie czegokolwiek innego.
<div style="display:none;">
<img src="/images//i/logos/UL.png" >
</div>
0 dla odpowiedzi nr 4
Powód jest najprawdopodobniej taki, że przeglądarka nie załadowała jeszcze obrazu. Możesz wykonać wstępne ładowanie zgodnie z opisem w ta strona.