1

まず第一に、私の問題を説明するための jsfiddle があります: http://jsfiddle.net/EKxkx/ なぜ jsfiddle では css 翻訳が chrome でしか機能しないのかわかりませんが、ライブ バージョンでは問題はここに示すように、Firefox で表示できます: http://helveticventure.com/startupweekend/v4/test.html

ez-css フレームワーク (ez-css.org) を使用しています。次のレイアウトで:

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

-webkit-transform: translate(0, 30px); を配置すると、ブロック 2 と 3 の両方に対して、同じように動作しません。

ブロック 2 がブロック 4 の上を移動しているときに、ブロック 3 がブロック 4 の下を移動しています。私がアーカイブしたい動作は、ブロック 3 で使用されているオンです。両方のブロックがブロック 4 の下を移動しています。しかし、どうすればよいかわかりません。 .

ご協力いただきありがとうございます!

エリック

4

1 に答える 1

0

Fabrizio Calderanの答えは完璧に機能しました!

http://jsfiddle.net/kXySp/

私は追加しました :

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

ブロック 2 がブロック 4 の下に移動していることがわかります。

エリック

于 2013-05-02T12:19:51.967 に答える