como colocar a div acima de outra
boa noite pessoal, é o seguinte, na parte de cima do meu site tem uma Div #topo_site que tem um opacity. entao eu coloquei uma tabela dentro,
com uma imagem, só que a inves de a imagem ficar na cor normal, ela tambem esta opaca,
como faço pra deixar a imagem na cor original ?
ahh, mais uma coisa, o menu da lateral direita está ok no firefox e no I.E, mas no Crome ele tá centralizado <_<
vo deixar o codigo css ai
o #topo_site é pra ficar embaixo do #img
/----------------CSS---------------/
@charset "utf-8";
/ CSS Document /
body{
background-repeat: no-repeat;
padding-top:0;
padding-left:0;
background:#09F;
float: inherit;
}
*{
margin-top: 50px;
margin: 0 auto;
}
a:link{
}
a:hover{
}
}
/---------------------------aki o css do menu normal /
#menu{
background-color:#FFF;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background-attachment:fixed;
}
#menu ul{
padding:0px;
margin:0px;
float: left;
width: 100%;
background-color: #FFF;
list-style: none;
font: arial;
font-size:15px;
}
#menu ul li {
display: compact;
}
#menu ul li a{
background-color: #FFF;
color: #333;
text-decoration: none;
border-left:3px solid #00F;
float: none;
}
#menu ul li a:hover{
background-color: #FFF;
color: #999;
border-left:3px solid #EA0000;
text-transform:uppercase;
}
/---------------------------aki termina o css do menu /
/---------------------------menu no pé do site /
#meniv ul{
padding:10px;
padding-left: 30%;
padding-bottom: 20px;
margin:0px;
float: left;
width: 100%;
background-color: #006;
list-style: circle;
font: Arial, Helvetica, sans-serif;
font-size: 12px;
}
#meniv ul li {
display: run-in;
}
#meniv ul li a{
background-color: #006;
color: #FFF;
text-decoration: none;
border-bottom:3px solid #006;
border-top:3px solid #006;
padding: 2px 10px;
float: Left;
}
#meniv ul li a:hover{
background-color: #006;
color: #FFF;
border-bottom:3px solid #EA0000;
border-top:3px solid #EA0000;
text-decoration:none;
}
/---------------------------FIM DO menu no pé do site /
h1{
font:"Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size: 36px;
font-style: italic;
list-style:circle;
color:#06F;
}
h2{
font:Arial, Helvetica, sans-serif;
color:#F00;
font-size:24px;
font-style:italic;
padding-left: 50px;
}
h3{
font:Arial, Helvetica, sans-serif;
color:#666;
}
h4{
font:Arial, Helvetica, sans-serif;
font-size:10px;
}
#topo_site {
background-image:url(img/topo.jpg);
background-position:top;
background-repeat:repeat-x;
display:run-in;
border:none;
opacity:0.65;
-moz-opacity: 0.65;
filter: alpha(opacity=65);
}
#box_content {
background:#FFF;
border:thin;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding-left: 250px%;
box-shadow: 2px 2x 1px #099;
}
#div_pe {
background-color:#006;
border-top: inset;
border-top-color:#FFF;
background-attachment:scroll;
}
#box_menu{
background:#FFF;
border:thin;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding-left:10px;
box-shadow: 2px 1px #099 2px 1px #099;
}
#img{
position: absolute;
z-index: 100%;
display: inline-table;
}Discussão (2)
Carregando comentários...