Исправлено мерцание элементов позиции при прокрутке в Opera

Question

У меня есть два элемента, которые я использовал position: fixed;. Они фиксируются в правом верхнем углу страницы. Я не видел, как они выглядят в IE, но Safari, Chrome и Firefox прекрасно выглядят при прокрутке. В Opera элементы немного мерцают при перерисовке. Я должен отметить, что я тестирую это на Mac OS X. Я искал и нашел похожие проблемы для более ранней версии Firefox. Тогда исправление должно было использовать overflow: auto; на элементах. Я дал этому выстрел, и это, казалось, не имело никакого эффекта. Есть идеи? Это на самом деле не проблема убийцы, но это определенно раздражает. Сайт, о котором идет речь, robertratleph.com .

Answer 1

У меня была такая же проблема на MAC OS 10.7 с Safari. Я добавил

-webkit-transform: translate3d(0,0,0);

к позиционируемому элементу, зафиксированному, и он добился цели

Итак, добавив:

-o-transform: translate3d(0,0,0);

к фиксированному элементу может выполнить работу.