На форуме InfoScript.ru вы можете: задать вопросы по php, вопросы по javascript, вопросы по системе uCoz, заказать графику для вашего сайта и просто пообщаться с хорошими людьми
Страница 1 из 11
Модератор форума: frenkmalcov, sold93 
Форум вебмастера » Основной раздел » Вопросы по HTML » Как убрать прозрачность у background
Как убрать прозрачность у background
Arhim Дата: Среда, 13.02.2013, 19:04 | Сообщение # 1
Offline
Продвинутый
Пользователи
Сообщений:151
Награды:0
Замечания:0%
Репутация
9
Скрин:
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;
}
 
LexaBLR Дата: Четверг, 14.02.2013, 00:11 | Сообщение # 2
Offline
Супер чел
Проверенные
Сообщений:287
Награды:3
Замечания:0%
Репутация
57
Попробуй так:
Код

.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; opacity: 1;
}


Все круть...:D

Сообщение отредактировал LexaBLR - Четверг, 14.02.2013, 00:12
 
sold93 Дата: Пятница, 15.02.2013, 17:35 | Сообщение # 3
Offline
Гуру
Модераторы
Сообщений:1135
Награды:11
Замечания:0%
Репутация
404
LexaBLR, не сработает, т.к. значение opacity по умолчанию является 1.
Arhim, должно сработать (если я правильно понял проблему):
Код

.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;
z-index:11;
}  


подайте рептацию бедному студенту
 
Форум вебмастера » Основной раздел » Вопросы по HTML » Как убрать прозрачность у background
Страница 1 из 11
Поиск: