2012-02-20 49 views
15

A div"position: fixed"嵌入到父代div中。当父母旋转或翻译时,子女div也会移动。“位置:固定”div在父代轮转或翻译时不固定

这是一个错误?我预计孩子div保持不变。

HTML片段:

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

一看摄制:http://jsfiddle.net/PseKK/

我知道,我可以通过应用逆变换孩子div但在我的真实的情景表现的原因修复它,我我正在寻找一种不涉及额外变革的解决方案。

任何想法如何克服?

+0

难道你不能拔出内部的股利吗?如果不是,为什么? – 2012-02-20 16:05:20

+0

我不能,因为在我的真实情况下,父div掩盖了子div的一部分。 – viebel 2012-02-20 16:07:46

+0

无论如何,你可以拉出内部div。做到这一点,然后使用'z-index'将掩码放在页面上方。 – 2012-02-20 16:13:12

回答

10

这是一个重新发布,答案就设在这个原来的问题

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

不幸的是这是一个错误,但似乎有一种方式来绕过它。

+1

非常感谢!你知道如何将转换后的div制作成图像并将其用作背景吗? – viebel 2012-02-20 16:22:48

+1

我相信他们说的是,不是使用CSS来处理转换后的div,而是使用图像,并将其作为背景放置在固定div中,以便放置图像,而不是实际的CSS。 [不幸的是,这不是一个真正的“修复”,但听起来像没有其他事情要做。] – JimmyBanks 2012-02-20 16:26:11

+0

你是什么意思“似乎有办法解决它”?如果有办法,为什么不能把它写成答案呢,或者发表评论作为答案? – vsync 2014-08-12 15:26:03