css - z-index not working to place element on top of fixed positioned element -


i'm creating site have a logo on page static positioned normal. have jquery plugin converts fixed positioned element hits top of screen when scroll sticks in place on top of fixed position navigation bar. problem have while logo still static hasn't hit top yet overlapping navigation bar, appears underneath navigation bar.i have used z-index on logo try , place on top i'm finding doesn't make difference when used across static , fixed positioned elements @ same time.

does have solution?

edit: thought should mention have thought of solution myself, have logo fixed positioned , adjust position javascript fix in css if possible.

just add position: relative; styling #logo. z-index works on positioned elements. tested in jsfiddle , seems work.

happy coding!


Comments

Popular posts from this blog

c# - DetailsView in ASP.Net - How to add another column on the side/add a control in each row? -

javascript - firefox memory leak -

Trying to import CSV file to a SQL Server database using asp.net and c# - can't find what I'm missing -