Hello à tous,
J'aimerais trouver une astuce pour améliorer ma mise en page :
J'ai une div d'entête fixe qui va donc stagner en haut de ma page (une barre avec les menus).
Voici ses propriétés :
Code :
- .entete {
- position: fixed;
- width:100%;
- height:76px;
- margin-left: auto;
- margin-right: auto;
- z-index:1;
- background-color:rgba(0, 0, 0, 0.6);
- background-opacity:60%;
- }
|
Ensuite, quelques pixels plus bas, une div centrale qui va prendre le contenu de la page et qui va donc être scrollable :
Code :
- .contenupage {
- margin-top:0px;
- margin-left:auto;
- width:100%;
- min-height:inherit;
- padding : 30px 10%;
- padding-bottom: 70px;
- background-color:rgba(0, 0, 0, 0.60);
- background-opacity:60%;
- margin-bottom:70px;
- overflow:hidden;
- }
|
Le problème, c'est que comme les deux div ont une opacité de 60%, une fois que la div centrale est scrollée, elle apparaît par transparence sous le menu entete. J'essaie de trouver une astuce pour ne pas la voir sous le menu, mais je ne tombe pas dessus. Quelqu'un aurait-il une idée miracle ?
Merci !
---------------
SHOOT ME AGAIN WEBZINE