Bug no Chrome quando define background attachment fixed

[DiF]

Fala pessoal.

 

Estava tentando fazer um efeito parallax, mas no chrome apresenta um bug no atributo background-attachment: fixed

 

O objetivo era criar um elemento DIV com   100% de width e  250px de height, com background fixed e posiciona-la entre dois elementos section que contém largura total de 1280px.

 

Eis o problema: 

 

No IE e no firefox,  a regra de background fixo funciona como deve ser. Já no chrome, não.. a imagem fica estática e não fixa.. por conta disso o efeito parallax não funciona no chrome.

 

Já tentei procurar outras alternativas usando jQuery.  de  fato eu consegui usando o plugin parallax.js, mas aí não me permite posicionar o elemento do parallax no lugar certo..

 

Agradeço toda a ajuda e solução para o problema.

 

PS: esse é um bug já conhecido... porém não achei nenhuma solução significativa... 

[DiF]

Resolvi o problema.

 

Como o chrome está com um bug no atributo background-attachment,  optei pelo plugin  parallax.js em jquery

 

Basicamente defini o elemento-pai article com largura de 100%, as larguras internas do elemento section em 1280px centralizadas... a nível de bloco... assim ficou corretamente o elemento section, o div parallax e outro elemento section empilhados corretamente.

 

exemplo:

<article id="conteudo">   <section id="secao1"></section>   <div class="parallax"></div>   <section id="secao2"></section>   <section id="secao3"></section>   <section id="secao4"></section>    <div class="parallax"></div>   <section id="secao5"></section> </article>

No css:

#conteudo{  width: 100%;}#conteudo section{  width: 1280px;  height: 470px;}.parallax{  width: 100%;  height: 250px;}

Fica a dica, para quem precisar do mesmo efeito.