Accordion Panels wont open (how do i keep div behind others)

Im making a personal website here and i need a div in the background that goes from the top to the botton. (In this case its the one named 'sidebar' and is red.) When i added this it kinda broke the accordion panels i had. Im guessing its something with the z-index, or position relative. Or maybe i need to add a z-index to all for them to make them come to top. Not sure, any help would be appreciated.

CSS fo the sidebar div:

#sidebar{
height: 720px;
width: 270px;
background-color: red;
z-index: -1;
position: relative;
}

Here is a FIDDLE: https://jsfiddle.net/dvr2pm6x/

Answers 1

Related Articles