Положение Chrome: фиксированное внутреннее положение: абсолютное нарушение с iframe/видео

Я потратил 2 часа на эту сумасшедшую ошибку на одном из моих веб-сайтов с огромным количеством контента, пока не понял, что вызывает проблему; В Chrome кажется, что элемент : фиксированный внутри позиции : абсолютный элемент (который имеет индекс z) не будет работать как позиция : исправлено. strong > элемент.

Примечание - только на окнах Chrome (не на ubuntu).

Я хочу опубликовать этот вопрос и свой ответ, чтобы другие не разочаровались в Chrome и его сумасшедшие ошибки. см. демо:

ТЕСТОВАЯ СТРАНИЦА: http://jsbin.com/uhuzoy/2/edit

Ответы

Ответ 1

FIX: добавьте эти правила в элемент position:fixed:

-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);