Скрин:
http://mepic.ru/view/?id=d642b54ae37d9fd7f63008b847ba9fad
Серое - это фиксированный блок.
Красное - это меню.
Голубое - это подменю.
Фиксированный блок когда наезжает на меню то через него оно виднеется. Как мне убрать эту прозрачность?
CSS меню:Код
ul#nav7 {
list-style-type:none;
margin:0;
padding:0px;
}
#nav7 {
float:center;
width:980px;
height:80px; /* Высота всего меню (и верхнего уровня и нижнего, все вместе) */
position:relative;
margin:0 auto; /* Отступ сверху и снизу от меню */
border-bottom: 1px solid #C0C0C0;}
#nav7 .select, #nav7 .current {
margin:0;
padding:0;
list-style:none;
display:block;
}
#nav7 li {
display:inline;
margin:0;
padding:0;
height:auto;
}
#nav7 .select a, #nav7 .current a {
display:block;
height:40px; /* Высота верхнего уровня */
float:left;
padding:0 0 0 0px;
text-decoration:none;
font-size:13px; /* Размер шрифта верхнего уровня */
line-height:40px;
white-space:nowrap;
margin-right: 0px; /* Отступы пунктов верхнего уровня */
position: relative;
z-index: 500;
}
#nav7 .select a b, #nav7 .current a b {
height:100%;
display:inline-block;
padding:0 13px 0 10px;
color:#fff; /* Цвет ссылок верхнего уровня */
}
#nav7 .select a:hover, #nav7 .select li:hover a {
cursor:pointer;
}
#nav7 .select a:hover b, #nav7 .select li:hover a b {
color:#FFFF99;
}
#nav7 .sub {
display:none;
}
#nav7 .current a { cursor:pointer;
background:#EFF8FF;
border-color:#EFF8FF;
}
#nav7 .current a b { cursor:pointer;
background:#EFF8FF;
color:#000; /* Цвет шрифта активного меню верхнего уровня */
}
#nav7 .sub li a:hover, #nav7 .select a:hover .sub li a:hover, #nav7 .select li:hover .sub li a:hover, #nav7 .sub_active .current_sub a, #nav7 .sub_active a:hover {
color:#000; /* Цвет шрифта активного меню нижнего уровня */
text-decoration:none;
}
#nav7 .select li a:hover .sub, #nav7 .select li:hover .sub, #nav7 .sub_active {
display:block;
position:absolute;
width:100%;
height: 40px;
top:25px;
left:-15px;
margin-bottom:0;
z-index:100;
}
#nav7 .sub_active {
z-index:10;
}
#nav7 .sub, #nav .sub_active {
margin:0;
padding:0;
list-style:none;
}
* html #nav7 .sub_active, * html #nav7 .select a:hover .sub {
z-index:-1;
margin-top:0;
}
#nav7 .sub_active a {
height:40px;
float:left;
text-decoration:none;
line-height:40px;
white-space:nowrap;
font-weight:normal;
}
#nav7 .sub_active a, #nav7 .select a:hover .sub li a, #nav7 .select li:hover .sub li a {
display:inline;
background:none;
padding:0 10px;
margin:0;
font-size:13px; /* Размер шрифта нижнего уровня */
width:auto;
white-space:nowrap;
font-weight:bold;
border:0;
color:#B10610;
height:40px;
line-height:40px;
}
CSS фона фиксированного блока:Код
.fixed_navbar{
position: fixed;
top: 0;
left: 0;
height: 32px;
width:100%;min-width:996px;
margin:0 auto;
background:#fff url("../navbar/navbar_bg.png") repeat-x;
}