Peguei-o na internet e coloquei direitinho no site mas quando abro o sub-menu o fundo como podem ver na foto fica transparente e gostaria de saber como eu coloco um background no sub-menu para que quando abrir ele, não se possa ver o fundo da página, assim como acontece no 3º nível do menu... (sub-submenu)
Imagem:
e segue o codigo css galera:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>::: SETEMAQ :::</title>
<script type="text/javascript" src="js/slide-out-menu-new.js"></script>
<style type="text/css">
<!--
a{
color:red;
text-decoration:none;
}
body{
background-image: url(setemaq.jpg);
background-repeat: no-repeat;
font-size:0.8em;
text-align:center;
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
margin:0px;
padding:0px;
}
img{
border:0px;
}
#leftContainer{
width:160px;
float:left;
padding-left:5px;
padding-right:5px;
height:300px;
}
#contentContainer{
width:590px;
float:left;
}
.ad{
clear:both;
text-align:center;
padding:5px;
}
/* END DEMO CSS */
#dhtmlgoodies_menu{
font-family:Trebuchet; /* Font for main menu items */
width:150px; /* Width of main menu */
}
#dhtmlgoodies_menu li{ /* Main menu <li> */
list-style-type:none; /* No bullets */
margin:0px; /* No margin - needed for Opera */
}
#dhtmlgoodies_menu ul{
margin:0px; /* No <ul> air */
padding:0px; /* No <ul> air */
}
#dhtmlgoodies_menu ul li ul{ /* Styling for those who doesn't have javascript enabled */
padding-left:10px;
}
#dhtmlgoodies_menu li a{ /* Main menu links */
text-decoration:none; /* No underline */
color:#000; /* Black text color */
height:20px; /* 20 pixel height */
line-height:20px; /* 20 pixel height */
vertical-align:middle; /* Align text in the middle */
border:1px solid #000; /* Black border */
background-color:#FAFAFA; /* Light blue background color */
margin:1px; /* A little bit of air */
padding:1px; /* Air between border and text inside */
display:block;
}
#dhtmlgoodies_menu li a:hover,#dhtmlgoodies_menu .activeMainMenuItem{
color:#FFF;
background-color:#CC0000;
}
.dhtmlgoodies_subMenu{
visibility:hidden;
position:absolute;
overflow:hidden;
border:1px solid #000;
background-color:#FAFAFA;
font-family:arial;
text-align:left;
}
.dhtmlgoodies_subMenu ul{
margin:0px;
padding:0px;
}
.dhtmlgoodies_subMenu ul li{
list-style-type:none;
margin:0px;
padding:1px; /* 1px of air between submenu border and sub menu item - (the "white" space you see on mouse over )*/
}
.dhtmlgoodies_subMenu ul li a{ /* Sub menu items */
white-space:nowrap; /* No line break */
text-decoration:none; /* No underline */
color:#000; /* Black text color */
height:16px; /* 16 pixels height */
line-height:16px; /* 16 pixels height */
padding:1px; /* 1px of "air" inside */
display:block; /* Display as block - you shouldn't change this */
}
.dhtmlgoodies_subMenu ul li a:hover{ /* Sub menu items - mouse over effects */
color:#FFF; /* White text */
background-color:#CC0000; /* Blue background */
}
#logomarca {
position:absolute;
width:231px;
height:69px;
z-index:1;
left: 354px;
top: 34px;
}
#menu1 {
position:absolute;
width:200px;
height:115px;
z-index:2;
left: 26px;
top: 128px;
}
#texto1quadro1 {
position:absolute;
width:214px;
height:39px;
z-index:1;
left: -51px;
top: 302px;
}
#texto2quadro1 {
position:absolute;
width:139px;
height:102px;
z-index:3;
left: 382px;
top: 371px;
}
#textocima {
position:absolute;
width:472px;
height:115px;
z-index:4;
left: 287px;
top: 194px;
}
#apDiv1 {
position:absolute;
width:200px;
height:115px;
z-index:5;
left: 597px;
top: 520px;
}
-->
</style></head>
Pergunta
renoribeiro
Galera estou com uma dúvida em um menu.
Peguei-o na internet e coloquei direitinho no site mas quando abro o sub-menu o fundo como podem ver na foto fica transparente e gostaria de saber como eu coloco um background no sub-menu para que quando abrir ele, não se possa ver o fundo da página, assim como acontece no 3º nível do menu... (sub-submenu)
Imagem:
e segue o codigo css galera:
Link para o comentário
Compartilhar em outros sites
1 resposta a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.