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

背景附件上的奇怪背景渲染：固定;

1 个答案: