<div class="boxwrapper" style="visibility: hidden;"></div> </div> Ikkinchi"> <div class="boxwrapper" style="visibility: hidden;"></div> </div> Ikkinchi"> <div class="boxwrapper" style="visibility: hidden;"></div> </div> Ikkinchi" />

Ikki fotosurat bir-biriga joylashtirilgan. Yo'lboshlovchani ko'rsatish. CSS yoki faqat javascript bilan mumkin?

Men nima qilishni xohlayotgan bo'lsam, hover ustiga ustki suratni (ko'rinishi sozlangan: yashirin) ko'rsatish. Men bir-biriga o'xshash ikkita fotosuratim bor:

<div class="frame">
Title Here 
<div class="boxwrapper" style="visibility: hidden;"></div>
</div>

Ikkinchi rasmni CSS orqali qo'shilgan:

.boxwrapper {
 background: url("../img/boxPlus.gif"); 
 position: relative;
 width: 300px;
 height: 178px;
 left: -6px;
 top: -184px;
 z-index: 1000;
}

CSS bilan ishlash mumkinmi? Ishlatildi (va bir nechta variant):

 #frame img:hover .boxwrapper {
      visibility: visible;
    }

Lekin bu ishlamayapti. Yoki faqat JavaScript-ni ishlatish mumkin? Ha bo'lsa, iltimos, ba'zi maslahatlar bering, chunki men juda ko'p JavaScript odam emasman. Rahmat!

1

2 javoblar

Buni qo'yish kerak: sinfni yuqori konteynerga olib borish. CSS bu kabi narsalarni daraxtni "yuqoriga" tushirishga ruxsat bermaydi, faqat pastga.

.boxwrapper {
    display: none;
}

.frame:hover .boxwrapper {
    display: block;
}
2
qo'shib qo'ydi

You could set the photo as background of the boxwrapper

.boxwrapper{
  background: url("../img/boxPlus.gif");
}

.boxwrapper:hover{
  background: url("../img/portfolio/default1.jpg");
}

agar bu mumkin bo'lmasa, siz uni html-da sizning uslubingizning taglik xususiyati sifatida qo'shishingiz mumkin

<div class="boxwrapper" style="background: url('../img/boxPlus.gif');" ></div> 
2
qo'shib qo'ydi
rahmat. Yordam berildi.
qo'shib qo'ydi muallif user1016695, manba
Javascript UZB
Javascript UZB
99 ishtirokchilar

@js_uzb @vuejs_uz @react_uz @nodejs_uz @angular_uz @ngTashkent @yiiframework_uz @laravel_uz @linux_uzbek @python_uz @swift_uzb —————— @uzdevgroup @UzGeeksGroup ——— @UzDev_Jobs @jobs_uzb