Google Chrome brauzerida faqatgina muammoga ega slider

Men 5 ta element bilan bir slayderdan foydalanmoqdaman. Bu rasmlar ustida suratga ega bo'lgan tasvirlar. Firefox yoki Safari-dan foydalanib, u Chrome-da ishlaydi, unda titul yo`qoladi yoki ... Men nima bo`lganini tushunolmayman.

HTML


CSS

li {
    margin-right: 5px;
    width: 162px;
    height: 260px;
    display: block;
    float: left;
    position: relative;
}
.shadow {
    background-color: rgba(0,0,0,0.4);
    width: 142px;
    height: 113px;
    padding: 10px;
    position: absolute;
    top:132px;
}

Buni bu yerda ko'rishingiz mumkin. Faqat "projectos" nomli ikkinchi havolani bosing.

Mening ingliz tilimdagi xatolar uchun uzr so'rayman, bu mening asosiy tilim emas.

Oldindan rahmat.

Mumkin emasligini bilmayman, lekin slayder uchun carouFredSel plagini foydalanmoqdaman.

0

1 javoblar

Siz pozitsiyani ishlatayotganingizni aytmoqchisiz: li elementlarga nisbatan, lekin sizga o'xshagan sahifadagi misolda ko'rinmaydi.

.small-list-carousel li {
    margin-right: 5px;
    width: 162px;
    height: 260px;
    display: block;
    float: left;
}

faqatgina ushbu pozitsiyaga nisbatan pozitsiyani qo'shing va u ehtimol ishlashi kerak.

0
qo'shib qo'ydi
Vaqtingiz uchun rahmat, lekin allaqachon style.css-da, men ikki marta takrorladim. Agar shunday bo'lsa, Firefox da ishlamaydi.
qo'shib qo'ydi muallif danielcorreia, manba
Qaror topildi. Hech bo'lmasa hozirda ishlaydi, faqat qo'shildi! Qanday qilib va ​​nima uchun .. bilmayman, lekin u ishlaydi.
qo'shib qo'ydi muallif danielcorreia, manba