"position: fixed" div не фиксируется, когда родитель поворачивает или переводит

A div с "position: fixed" встроен в родителя div. Когда родитель поворачивается или переводится, также перемещается и ребенок div."position: fixed" div не фиксируется, когда родитель поворачивает или переводит

Это ошибка? Я ожидал, что ребенок div останется фиксированным.

HTML фрагмент:

<div id="mask"> 
    <div id="page"> 
    </div> 
</div>

См репро на: http://jsfiddle.net/PseKK/

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

Любая идея, как победить?

источник

2012-02-20 viebel

Вы не можете вытащить внутренний div? Если нет, то почему? –

Я не могу, потому что в моем реальном сценарии родительский div маскирует часть дочернего div. – viebel

Вы можете вытащить внутренний div в любом случае. Сделайте это, затем играйте с 'z-index', чтобы поместить маску над страницей. –

Это репост, ответ находится в этом оригинальный вопрос

Positions fixed doesn't work when using -webkit-transform

К сожалению, это ошибка, но там, кажется, способ обойти это.

источник

2012-02-20 16:20:56 JimmyBanks

Большое спасибо! Вы знаете, как «сделать преобразованный div образным и использовать его в качестве фона», как они предлагают? – viebel

Я считаю, что они говорят, что вместо того, чтобы использовать CSS для вашего преобразованного div, используйте изображение и поместите его в качестве фона в фиксированном div, поэтому у вас будет изображение, вместо фактического CSS для формы преобразования. [К сожалению, на самом деле это не «исправление», но похоже, что больше нечего делать.] – JimmyBanks

Что значит «кажется, есть способ обойти это»? почему вы не можете просто написать это как ответ, если есть способ, вместо этого или опубликовать комментарий в качестве ответа? – vsync

"position: fixed" div не фиксируется, когда родитель поворачивает или переводит

ответ

Смежные вопросы