overlay شدن عکس با جی کوئری
سوال جدیدسلام. یک صفحه محصولات دارم که وقتی قسمتی از باکس محصول، هاور شد ، یک بک گراندی ظاهر بشه…مراحلی که انجام شده
۱) یک div ایجاد شده با عرض و ارتفاع مشخص
۲) از یک قطعه کد جی کوئری استفاده شده که زمان هاور شدن اون div مرحله ی بالا نشون داده بشه
اما زمانی که هاور میشه روی همه ی محصولات این div ظاهر میشه…نه روی خود همون محصول
کامنتی پیدا نشد.
انتخاب سلکتور تون توی کدی که نوشتین اشکال داره، در واقع شما تمام عناصری رو که کلاس .overlay-desc دارن هدف قراردادین برای همین موقع هاور بک گراند تمامی محصولات ظاهر میشه ، با توجه به کدی که نوشتین میشه بک گراند مورد نظر رو به به این صورت انتخاب کرد
$(".hover_fly .hover_fly_btn:first-child").mouseover(function(){
$(this).parents('.pro_outer_box').find('.overlay-desc').css({ opacity: 0.1})
});
$(".hover_fly .hover_fly_btn:first-child").mouseout(function(){
$(this).parents('.pro_outer_box').find('.overlay-desc').css({ opacity: 0});
});