Overlay problem in CSS
Posted: Wed Oct 31, 2012 7:24 pm
I am currently creating a cupcake website and need some assistant with some overlaying in CSS.
Ok so, I have a top menu bar with the shopping cart and search bar, this is fixed so when the user scrolls down, the bar will scroll down with them.
The problem I have is when I scroll down, things such as the main menu bar and logo are overlapping the top bar. From this, I used the z-index on the top bar to 100. This fixed the overlapping issue but now I cannot view my shopping cart and search bar because the top menu bar is overlapping all of these things!
Anyone care to tell me how to solve this issue?
Ok so, I have a top menu bar with the shopping cart and search bar, this is fixed so when the user scrolls down, the bar will scroll down with them.
The problem I have is when I scroll down, things such as the main menu bar and logo are overlapping the top bar. From this, I used the z-index on the top bar to 100. This fixed the overlapping issue but now I cannot view my shopping cart and search bar because the top menu bar is overlapping all of these things!
Anyone care to tell me how to solve this issue?