Странный фон рендеринга на хроме в фоновом режиме: фиксированный;

Question

Я хотел, чтобы мой фон, чтобы исправить, я делал это много раз, но на этот раз, когда я прокручиваю его искажается без причины, мне удалось сделать панель навигации не искаженным, не добавляя

-webkit-transform: translateZ(0); 

к нему, но Я не знаю, как исправить фон. Это происходит только в Chrome, отлично работает с IE. http://imgur.com/pANZViI

Вот демо: http://klaunfizia.pl/damian/

Вот CSS:

background:url(images/background.jpg) #ff7400 no-repeat left top; 
background-size: 100%; 
background-attachment:fixed; 
margin: 0 0 0 0; 

Answer 1

Чтобы начать ... очистить этот CSS и использование:

body { 
    background: url(images/background.jpg) #ff7400 no-repeat left top; 
    background-size: cover; 
    background-attachment: fixed; 
    margin: 0; 
} 

Затем изменить z-index к этому. Он не должен быть отрицательным -1. Это ваша проблема:

#animacja { 
    position: fixed; 
    top: 200px; 
    right: -70px; 
    z-index: 1; 
} 

И исправить/добавить z-index на панели меню так что выше этого графика:

#mainMenu { 
    position: relative; 
    height: 80px; 
    width: 100%; 
    background-color: red; 
    position: fixed; 
    -webkit-transform: translateZ(0); 
    z-index: 10; 
}