Header fixed by css position:fixed and lightbox effect get overlayed by it

Pravin Durugkar

I got a problem of images and header and a lightbox effect. Actually in my website I needed the header as a constant so I made it constant by adding css property position:fixed and it worked out also but I got another problem as this messed up with lightbox effect. It got underlayed by header. I want that when I open lightbox the header should be overlayed by lightbox effect. And again a problem of images that I put in the slider when scrolls are also giving problems.

Please check this site http://www.sultanindustries.in and scroll to our portfolio and open one of image and scroll to top you will clearly understand my problem.

Pravin Durugkar

hey guys i found the answer. Thank u kayee. That problem caused due to Z-index. I have changed Z-index property.

Things that i had to keep on top, i have increased their z-index.

z-index:999; //for lightbox popup

for other

Z-index:900; //less than lightbox popup z-index

and the problem is solved.

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

From Dev

CSS position:fixed is working for the header but not for the footer

From Dev

CSS Position fixed not fixing header to top

From Dev

Css position fixed on header hides content

From Dev

fixed position header overlapping

From Dev

Fixed position not working for header

From Dev

CSS Fixed Header

From Dev

CSS Fixed Header

From Dev

CSS: Any way to horizontally center a header which has "position:fixed"?

From Dev

Header is disappearing when the position is fixed

From Dev

Scroll to anchor position with fixed header

From Dev

"position:fixed" Not Working For Header Menu

From Dev

HTML/CSS/JS Fixed position div is not fixed

From Dev

CSS Fixed header of unknown height

From Dev

Fixed Header Table CSS and Javascript

From Dev

Bootstrap css fixed header no space

From Dev

unable to specify css position=fixed

From Dev

JQuery Scroll with position:fixed CSS

From Dev

Fixed Position in a certain area CSS

From Dev

CSS Position Fixed not working in Chrome

From Dev

CSS: postion fixed into position absolute

From Dev

Fixed Position in a certain area CSS

From Dev

CSS - Calc not working with position fixed

From Dev

Fixed header wont keep fixed after window is reloaded in same position

From Dev

Fixed header position in bootstrap 3 modal

From Dev

Sticky header slide into fixed position from top

From Dev

jQuery Mobile Dialog Page - Fixed Position Header

From Dev

Adjust position of DIV beneath fixed header PHP

From Dev

Position: Fixed - pushing my footer over header

From Dev

Anchors not working when header's position is fixed