İstediğim sonuca ulaştım teşekkür ederim. Sağolun.

// 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ı.