Habe ein wahnsinniges problem mit positionierung von boxen
Im Seitenbereich habe ich meinen Header und das menü wenn ich jetzt aber das menü aufklappe komme ich in den"content" bereich welcher ja transparent sein soll, aber dadurch wird mein menü (das ausgeklappte) auch transparent. Hab wie ihr seht mit z-index experimentiert aber klappt auch nicht. Kann wer weiterhelfen? Ich hoffe ich habe alle erforderlichen Informationen gegeben!
Code:
body { font-size:14px; /* Größe 14px */ font-family:Arial,Verdana,sans-serif; /* Schriftart */ } #seitenbereich { margin: 0 auto; /* Zentrierung mitte */ width: 1000px; /* 1000 pixel breite */ z-index: 20; } #content { background-color:black; width: 550px; height: 260px; color:white; border:1px gray solid; /* 1 pixel rand in grau */ padding: 15px; /* Innenabstand der Box */ z-index: -20; border-radius: 20px; /* Box hat runde ecken */ margin-top: 20px; /* abstand von oben */ float: left; /* ausrichtung nach links */ opacity: 0.3; } #login { background-color:black; width: 350px; height: 400px; color:white; border:1px gray solid; padding: 15px; right: 0; z-index: -20; border-radius: 20px; margin-top: 20px; opacity: 0.3; float: right; }
Kommentar