CODEWITHSUNDEEP
javascriptcsselementslideshow
olliejudge
olliejudge

Reputation: 77

Javascript Slideshow Images Loading Over HTML Element

I have a page in which I have a fixed footer that scrolls with the page, however on the page there is a Javascript slideshow, as the slideshow loads in a new image, it loads it over the fixed footer.

The page in question is this one: http://mysterybox.co/signalnoise/. Scroll down to see problem.

Screenshot of the offending effect: overlayproblem

Can anyone give me any advice? I thought I may be able to fix it with a z-index but that didn't work.

Upvotes: 0

Views: 267

Answers (1)

Joseph Marikle
Joseph Marikle

Reputation: 78520

add z-index: 2; to #footerwidth

EDIT:

same goes for #headerwidth

EDIT2:

per ThinkingStiff's suggestion, you may also consider replacing the margin-bottom attribute of the footer with a padding-bottom attribute.

Upvotes: 1

Related Questions