CSS3 翻译问题溢出

Question

首先，这里有一个 jsfiddle 来说明我的问题:http://jsfiddle.net/EKxkx/我不知道为什么在 jsfiddle 上，css 翻译只适用于 chrome，但在 live 版本上这个问题只在 firefox 下可见，如下所示:http://helveticventure.com/startupweekend/v4/test.html

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

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

当我放一个 -webkit-transform: translate(0, 30px);对于 block 2 和 block 3，它们的行为方式不同。

当方 block 2 在方 block 4 上方移动时，方 block 3 在方 block 4 下方移动。我要存档的行为是 block 3 使用的 on。两个 block 都移动到 block 4 下面。但我真的不知道如何。

感谢您的帮助!

埃里克

Answer 1

Fabrizio Calderan的答案非常有效!

http://jsfiddle.net/kXySp/

我已经添加了:

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

并且知道区 block 2 正在移动到区 block 4 下面。

埃里克