ciao ragazzi,
mi trovo di nuovo in difficolta....
Innanzi tutto parto col dire che ho usato il CSS3.
Il mio problema odierno è quello di voler mettere sopra a un div trasparente un div figlio che risulti NON trasparente!!!
Ponendo i div annidati il div figlio su div trasparente risulta trasparente anche lui.... ho pensato allo z-index... ma nulla da fare
Posto il codice

codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel = "stylesheet" type = "text/css" href = "home.css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link type="text/css" href="css/jquery.slider.css" rel="stylesheet" />
<link type="text/css" href="css/custom.css" rel="stylesheet" />

<title>Benvenuto!</title>


</head>


<body>
[img]sfondosito.jpg[/img] 
 
<div id="divsf" class="myBox"> 
		<div id="intest" class="myBox"></div>
              <div id="lista" class="myBox">
                <ul>
                  <li class="intop">Home[*]Chi siamo.[*]Album foto del gruppo.[*]Le nostre sessioni.[*]Attrezzatura.[*]Le nostre palline.[*]Forum.[/list]
			</div>
		<div id="corpo" class="myBox">corpo sito
        <div id="slide"></div>
        
  </div>
</div>


</body>
</html>

e ora il CSS3

codice:
@charset "utf-8";
/* CSS Document */

#divsf {
	position:relative;
	margin:0 auto;
	width:715px;
	height:870px;
	z-index:1;
}

#intest {
	background:url(intestazione2.jpg);
	position:absolute;
	left:7px;
	top:-42px;
	width:703px;
	height:105px;
	z-index:2;
}

#lista {
	background:#BFDFFF;
	opacity: 0.7;
	position:absolute;
	left:6px;
	top:87px;
	width:177px;
	height:240px;
	z-index:2;
}
#corpo {
	background-color:#FC3;
	opacity:0.7;
	position:absolute;
	left:214px;
	top:87px;
	width:495px;
	height:730px;
	z-index:2;
}

a {
	z-index:2;
	color:#0067CE;
	font-size:17px;
	font-family:"Arial", Gadget, sans-serif;
	font-style:normal;
	font-weight:bold;
}

li.intop{
	color:#B700B7;
	font-size:17px;
	font-family:"Arial Black", Gadget, sans-serif;
	font-style:normal;
	font-weight:bold;
}

.myBox {
	margin: 0.5in auto; width: 60%; 
	padding: 10px; 
	text-align: left; /* Do rounding (native in Firefox and Safari) */
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px;
	}
	
body{    /* CSS adatto il body al 100% */
    width: 100%;  
    height: 100%;  
    margin: 0;  
    padding: 0;  
    overflow: hidden;  
}  
  
#sfondo{ /*Allargo l'immagine a tutto schermo!*/
	z-index:0;
    position:absolute;  
    height:100%;  
    width: 100%;  
    margin: 0;  
    padding: 0;  
}  

#slide {
	background:#000;
	position:absolute;
	left:257px;
	top:8px;
	width:250px;
	height:200px;
	z-index:4;
}

grazie in anticipo