在Chrome上奇怪的背景渲染，而background-attachment：固定;

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; 
}