CSS3 번역 발행 오버플로

Question

먼저 내 문제를 설명하는 jsfiddle이 있습니다. http://jsfiddle.net/EKxkx/ 왜 jsfiddle에서 css translate가 크롬에서만 작동하는지 알 수는 없지만 실제 버전에서는 문제가 표시됩니다. 파이어 폭스 아래에 표시된대로 : http://helveticventure.com/startupweekend/v4/test.html

나는 ez-css 프레임 워크 (ez-css.org)를 사용하고있다. 다음 레이아웃으로 :

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

나는 넣을 때 -webkit-변환 : (30 픽셀, 0)을 번역; 블록 2와 3 모두에 대해 동일한 방식으로 작동하지 않습니다.

블록 2가 블록 4 위로 이동하면 블록 3이 블록 4 아래로 이동합니다. 블록하려는 블록의 동작은 블록 3에서 사용됩니다. 블록 둘 다 블록 4 아래로 이동합니다. 어떻게해야할지 모르겠다.

도움 주셔서 감사합니다.

에릭

는

Answer 1

Fabrizio Calderan의 대답은 완벽하게 작동!

http://jsfiddle.net/kXySp/

내가 추가 한 :

.ez-last{ 
    overflow:hidden; 
} 
.ez-fl{ 
    overflow:hidden; 
} 

을 그리고 2 블록 아래로 이동하는 블록을 알고 4.

에릭