下拉半透背景遮罩

<!-- DDW nav -->    
<style type="text/css" id="change_DDW_nav">    
@media only screen and (min-width: 768px) {    
/* Add your Desktop Styles here */    
/*nav width*/    
/*.main_menu {    
	width: 100%;    
	padding-left: 300px;    
}    
.avia-menu {    
	display: table;    
	width: 100%;    
}    
.av-main-nav {    
	display: table-row;    
}    
.av-main-nav > li {    
	display: table-cell;    
	float: none !important;    
}    
*/    
/*nav background*/    
.avia-menu2 {    
	display: table;    
	opacity:0;    
	width: 100%;    
	height:250px;    
	background: rgba(0,0,0,0.7);    
}    
/*nav buttom width*/    
.av-main-nav > li > a {padding: 0 23px; !important}    
.menu-item ul { background-color:transparent !important;box-shadow: none !important;}    
.menu-item a { background-color:transparent !important;}    
#top #wrap_all .av-main-nav ul > li > a{ color: #fff !important; font-weight:bold;}    
#top #wrap_all .av-main-nav ul > li:hover > a{ color: #ca2151 !important;}    
.av-main-nav ul { width: 400px !important;}    
.av_secondary_right nav.sub_menu { right:-120px; }    
.av_icon_active_right ul.social_bookmarks { right:170px; position:relative;}    
.av_secondary_right nav.sub_menu #avia2-menu ul.sub-menu li { position: relative; right:-45px;}    
.av_secondary_right nav.sub_menu #avia2-menu ul.sub-menu li:hover a { color: #ca2151 !important;}    
#header_main .main_menu .sub-menu li span.avia-menu-text img{    
width:60px; height:60px;    vertical-align: middle;    
display:inline; padding:0; margin:0 10px 0 0;}    
}    
form.wpcf7-form textarea.wpcf7-textarea, form.wpcf7-form input.wpcf7-text {    
	width: 100% !important;    
	margin-bottom: 0 !important;    
	margin-top: 7px !important;    
	display: inline !important;    
	min-width: 50px !important;    
	padding: 13px !important;    
	border-radius: 2px !important;    
}    
form.wpcf7-form textarea.wpcf7-textarea {    
	height: 90px;    
}    
form.wpcf7-form input[type='submit'] {    
	transition: all 0.3s ease-in-out !important;    
	margin: 0 !important;    
	padding: 16px 20px !important;    
	border-radius: 2px !important;    
	border-bottom-width: 1px !important;    
	border-bottom-style: solid !important;    
	font-weight: normal !important;    
	font-size: 0.92em !important;    
	min-width: 142px !important;    
	outline: none !important;    
}    
form.wpcf7-form input[type='submit']:hover {    
	background-color: #d5063d !important;    
	color: #000000 !important;    
	border-color: #b3041b !important;    
}    
form.wpcf7-form input.wpcf7-file{    
	width:50% !important;    
	}    
</style>    
<script type="text/javascript">    
jQuery(document).ready(function($)    
{    
/*start*/    
$("nav.main_menu").append("<div class=avia-menu2></div>");    
$("#avia-menu li.menu-item-has-children").hover(function(){    
var btmHeight = $(this).children("ul.sub-menu").height()+10;    
if(btmHeight<250){btmHeight=250}    
$(".avia-menu2").css({"opacity":"1","height":btmHeight});    
},function(){    
$(".avia-menu2").css({"opacity":"0","height":"0px"});    
});    
/*end*/    
}) </script>    
<!-- DDW nav -->