CODEWITHSUNDEEP
javascriptjqueryhtmlcssgoogle-chrome
janlindso
janlindso

Reputation: 1239

Strange issues when scrolling webpage in Chrome

My website works flawlessly in Mozilla, Opera, IE etc., but in Chrome there are some issues. The menu and SoMe icons should stay fixed at the top when scrolling.

But when I scroll, the menu and SoMe icons acts weirdly (sometimes doesn't even follow scrolling), and the background in the centered main div, gets some glitches (lines of transparency). Any ideas?

Here's the frontpage of my website: http://blackforest.no/~vyrju/

Upvotes: 1

Views: 680

Answers (2)

skobaljic
skobaljic

Reputation: 9624

The problem is video in background, it has negative z-index, change it to:

#video_background {
    z-index: 0;
}

Upvotes: 1

elzi
elzi

Reputation: 5672

Add backface-visibility: hidden; to your body CSS. Vendor prefix it if it's only affecting chrome.

Upvotes: 0

Related Questions