2013-05-02 2 views
1

Прежде всего, вот jsfiddle, чтобы проиллюстрировать мою проблему: http://jsfiddle.net/EKxkx/ Я не знаю, почему на jsfiddle, css translate работает только на хроме, но на живой версии проблема только видна под firefox, как показано здесь: http://helveticventure.com/startupweekend/v4/test.htmlCSS3 перевести вопрос Переполнение

Я использую ez-css framework (ez-css.org). При следующей компоновке:

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

Когда я положил -webkit-преобразование: переводить (0, 30px); как к блоку 2, так и к 3, они не ведут себя одинаково.

Блок 3 перемещается под блоком 4, когда блок 2 перемещается над блоком 4. Поведение, которое я хочу архивировать, - это значение, используемое блоком 3. Оба блока движутся под блоком 4. Но я действительно не знаю как.

Благодарим за помощь!

Эрик

+0

вы ищете больше для объяснения из ошибка или для работы? – fcalderan

+0

Я пытаюсь понять, почему я получаю это поведение, чтобы в конечном итоге найти способ обхода. – Eric

+0

Итак, в качестве обходного пути определите 'position: relative', чтобы заблокировать' # 4' или используйте 'overflow: hidden' на контейнере блоков' # 2' и '# 3' (я пробовал как на последнем хроме) – fcalderan

ответ

Смежные вопросы