2012-02-20 48 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