Dropmenu 'ye hover yada click olunca body dark olması.
Merhabalar.. Başlıkta da belirttiğim gibi bu işlemi yapamadım. Dropmenü açıldığında menünün ön plana çıkması ve diğer görüntülerin opacity .7 olarak kararmasını istiyorum.
Jquery'nin 'hover'ı ile yapmaya çalıştım bu sefer açılan menüde arkada kaldı. z-index ile çözmeye çalıştım olmadı.
**** Tayfun hocamın css transform derslerinde anlattığı popup mantığı ile yola çıkarak bir şeyler yapmaya çalıştım ama olmadı. Tam istediğim görüntü aslında şu. oyunfor.com sitesindeki sağ üst tarafta olan sepete hover olunca sepeti gösterip diğer elementleri karartması.
// Jquery
$("#dropmenu2").on("mouseenter", function(){
$("body").css("opacity", "0.3");
$("body").css("z-index", "999");
$('#dropmenu2').css("z-index", "9999")
});
$("#dropmenu2").on("mouseleave", function(){
$("body").css("opacity", "1");
});
Bu şekilde istediğim sonuca yaklaştım ama açılan menü body altında kalıyor yani oda opacityden etkileniyor. onu z indexle öne çıkarmaya çalıştım olmadı.