Ok.. penso di aver capito cosa chiedevi.. Se è come la foto allegata io ho scritto questo:
HTML
<div class="inferiore">
<div id="superiore" class="superiore-shadow"><>
<>
CSS
.inferiore{
width: 100%;
background: url(/MWC/img.jpg);
height: 150px;
z-index: -2;
position: fixed;
left: 0;
top: 0;
}
#superiore {
background-color: rgb(194, 182, 151);
width: 100%;
height: 90px;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.superiore-shadow:after {
content: "";
width: 100%;
height: 1px; /*se metti 0px non ti viene il rigo bianco, come ti piace */
margin-top: 88px;
display: block;
position: absolute;
left: 0;
z-index: 0;
-webkit-box-shadow: 0px 0px 20px 4px rgb(0, 0, 0);
-moz-box-shadow: 0px 0px 20px 4px #000000;
box-shadow: 0px 0px 20px 4px rgb(0, 0, 0);
}
Non so perchè ma il [ code ] non mi chiude i div..
[allegato eliminato automaticamente dopo un anno]