پشت ساب منوی

[yasin 12]

با سلام خدمت تمامی دوستان

ببخشید من یه منو یکی واسم درست کرد الان اون دوستمون نیست بهم جواب بده تصمیم گرفتم این انجمن را برای پاسگویی به سوالم انتخاب کنم خوب بریم سر اصل مطلب:

الان منوی بالای سایت رو ببنید : http://rooyesh.info

ببنید منوی بالای سایت وقتی بازش میکنی منو بصورت پاپ منو و پشت زمینه سایت هم پشت منوها معلومه!

من میخوام اینطوری نباشه!

کد های css:

/*********--nav--*******/
#nav{
height:23px;
background:url(images/nav_bg.png) no-repeat;
}
.sf-menu, .sf-menu * {
margin:0;
padding:0;
list-style:none;
}
.sf-menu ul {
position:absolute;
top:-999em;/* hides all submenu items */
width:123px; /* set the width of sub menu */
border-top:none;
z-index:1399;
border-radius:0 0 2px  2px;
-moz-border-radius:0 0 7px 7px;
-webkit-border-radius:0 0 7px 7px;
background:#525252;
box-shadow: 0px 2px 5px #000;
-moz-box-shadow: 0 2px 5px #000;
-webkit-box-shadow: 0 2px 5px #000;
padding:5px 5px;
width:170px !important;
text-align:center;
filter: alpha(opacity=80); /* internet explorer */
-khtml-opacity: 0.8;	  /* khtml, old safari */
-moz-opacity: 0.8;	   /* mozilla, netscape */
opacity: 0.8;		   /* fx, safari, opera */
}
.sf-menu ul ul{
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
}
.sf-menu ul li {
width:170px;
background:none;
}
.sf-menu li:hover {
visibility:inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
padding-left:2px;
border:none;
float:right;
position:relative;
z-index:199;
line-height:23px;
}
.sf-menu a {
font-family:tahoma, arial, sans-serif;
  -webkit-transition: background .4s ease, color 0.4s linear;
  -moz-transition: background .4s ease, color 0.4s linear;
  -o-transition: background .4s ease, color 0.4s linear;
  transition: background .4s ease, color 0.4s linear;
/* position:relative;							  */
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
right:0;
top:23px; /* match top ul list item height */ /* tanzim mikone ke koja zir-menu neshoon dade beshe */
z-index:99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
top:-9999px;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
right:140px; /* match ul width */
top:0;}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
top:-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left:140px; /* match ul width */
top:0;
}
/*** DEMO SKIN ***/
.sf-menu a {
text-decoration:none;
outline:none;
font:normal 11px/23px tahoma, Arial, Geneva, sans-serif ;
color:#fff;
text-shadow:1px 1px 0 #000;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
color:#fff;
padding:0 1.1em;
text-decoration:none;
}
.sf-menu ul li a {
padding:0 5px;
display:block;
_width:110px;
font:normal 11px/17px tahoma, arial, sans-serif;
color:#fff !important;
border-radius: 4px;
}
.sf-menu li a:hover {
background:#0c2a4c;
color:#fff;
text-shadow:-1px -1px 0 #000;
}
.sf-menu li li {
_position:relative;
text-align:right;
margin:0 !important;
background:none;
padding-top:2px;
}
.sf-menu li li a:hover{
background:#0c2a4c;
padding-right:20px;
}

[isk 4447]

در style.css در عبارت زیر مقدار opacity: 0.8; رو حذف کنید

.sf-menu ul {
    position: absolute;
    top: -999em;
    border-top: medium none;
    z-index: 1399;
    border-radius: 0px 0px 2px 2px;
    background: none repeat scroll 0% 0% rgb(82, 82, 82);
    box-shadow: 0px 2px 5px rgb(0, 0, 0);
    padding: 5px;
    width: 170px !important;
    text-align: center;
    opacity: 0.8;
}