Скрыть раздел вне другого раздела

[alexan0308]

Пытаюсь делать анимацию (движение) картинок. Нужно сделать плавное исчезновение картинки при выходе за допустимую область. Как это реализовать?
Подготовил иллюстрацию ("Прибытие поезда") для ясности проблемы.
http://neftek.legko.ufanet.ru/homesite/jsgames/hod/

Видимо, нужно играть с z индексами. Неужели делать справа еще один слой, а если у меня поезд длинный?

[Pavel M.]

Пытаюсь делать анимацию (движение) картинок. Нужно сделать плавное исчезновение картинки при выходе за допустимую область. Как это реализовать?
Подготовил иллюстрацию ("Прибытие поезда") для ясности проблемы.
http://neftek.legko.ufanet.ru/homesite/jsgames/hod/

Видимо, нужно играть с z индексами. Неужели делать справа еще один слой, а если у меня поезд длинный?

можно справа поставить картинку или в современных броузерах просто элемент (как в примере) с плавным размытием (полупрозрачностью)

пример http://jsbin.com/ihadoq/4

[alexan0308]

Ну ладно, придется добавить блоки слева, справа, сверху и снизу... (у меня во все стороны движение) Размером не тоньше всех картинок... (

[Pavel M.]

можно одну картинку png 24 сверху фона и паровозика поставить с прозрачной областью внутри.

[alexan0308]

Ладно, открою секрет, ставь в css паравозика

overflow: hidden;

А точно, только не паровозику, а наоборот, содержащему ему div. Но все равно спасибо, чувак