2013-05-02 365 views
1

首先,這裏是一個jsfiddle來說明我的問題:http://jsfiddle.net/EKxkx/ 我不知道爲什麼在jsfiddle中,css翻譯僅適用於chrome,但在實時版本上問題只是可見的在Firefox下,如下所示:http://helveticventure.com/startupweekend/v4/test.htmlCSS3翻譯問題溢出

我正在使用ez-css框架(ez-css.org)。使用以下佈局:

---------- 
| 1 | 
---------- 
| | | 
| 2 | 3 | 
| | | 
---------- 
| 4 | 
---------- 

當我把一個-webkit轉換:translate(0,30px);對於方塊2和方塊3,它們的行爲都不一樣。

3塊4下方移動時,塊2移動的塊上方的塊4 我要存檔的行爲是在所使用的塊3這兩個塊移動塊4但我真的下面不知道如何。

感謝您的幫助!

埃裏克

+0

你在找更多的解釋錯誤或工作方式? – fcalderan 2013-05-02 08:28:22

+0

我試圖理解爲什麼我會得到這種行爲,最終能夠找到解決方法。 – Eric 2013-05-02 08:31:33

+0

所以作爲一個解決方法定義'位置:相對'來阻止'#4'或在塊#2和#3的容器上使用'overflow:hidden' – fcalderan 2013-05-02 08:33:53

回答