Context Box problem in Chrome browser

Page: 1

Author Post
Member
Registered: Jul 2013
Posts: 17
I'm using a contextbox on this page It's accessed by clicking on the small green button that reads: "Click to view offer definitions" .

It works fine in FireFox and IE but in Chrome there is a problem. The content of the box scrolls as the page is scrolled.

Do you have an ideas on how to fix this ?

Thanks.
Administrator
Registered: Aug 2008
Posts: 3382
WebKit browsers have an obscure rendering problem that arises from certain combinations of GPU acceleration, CSS transforms, and fixed positioned elements. These come together on your example page to give the blanking out of the floatbox content in sync with page scrolling.

Place the following anywhere in your CSS. This will create a new GPU rendering context for the floatbox and should allow it to render correctly, hopefully without introducing other obscure problems.

 .fbBox {
-webkit-transform: translate3d(0,0,0);
}
Member
Registered: Jul 2013
Posts: 17
Thank you, again. This worked perfectly !

Page: 1