CSS - titrash muammosi bilan tasvir almashinuvi

Men tasvirni CSS bilan almashtirishga harakat qilaman, lekin sichqoncha birinchi marta siljiganida, bitta tasvir o'rniga boshqasi o'rniga qo'yilgan bo'lsa, men oldin bir titroq olaman. CSS-kodim:

#UL {
    width: 50px;
    height: 54px;
    background:url("/img/UL_gr.png") no-repeat;     
}
#UL:hover {
    background-image:url("/i/logos/UL.png");        
}
3
Ehtimol, rasm hali yuklanmadi?
qo'shib qo'ydi muallif Litek, manba

4 javoblar

Tasvirlarni oldindan yuklang va spritlarni ishlating. Muammo hal qilindi!

2
qo'shib qo'ydi
Sprites uchun +1 - bu eng yaxshi yo'l bo'lishi mumkin.
qo'shib qo'ydi muallif Shawn Steward, manba

Titragich, tasvir hali yuklanmaganligi sababli uni oldindan yuklashingiz kerak. Buning bir necha yo'li bor, quyida bitta usul mavjud. Bu sahifada ko'rsatilmaydi, ammo tanada bo'lgani uchun u hali tasvirni o'rnatadi. Buni boshqa kontentdan pastga qo'yib qo'ying, shunda u boshqa hech narsa yukini sekinlashtirmaydi.

<div style="display:none;">
   
</div>
1
qo'shib qo'ydi

Yangi rasmga yuklashga urinayotgan brauzer sababli titraganmi (UL.png?)

Ko'rinish uchun, "/i/logos/UL.png" bilan img elementini src va displey sifatida qo'shib ko'ring: hech qanday satr ichidagi uslub. Buni sahifangizga qo'shib qo'ying va bu yordamga murojaat qiling.

1
qo'shib qo'ydi

Buning sababi shundaki, brauzer hali tasvirni yuklamagan. bu sahifada tasvirlangan tarzda oldindan yukni amalga oshirishingiz mumkin.

0
qo'shib qo'ydi