Проблема с Mootools morph - div с наложением изображения

Question

Интересно, кто-нибудь мог бы пролить свет на это

http://jsfiddle.net/orbitalmedia/ZrxBb/7/

В основном я пытаюсь создать эффект слепого изображения. addClass или toggleClass могут применять стиль, но я пытаюсь изменить наложение, чтобы оно оживляло изображение.

Та

Редактировать ..

Это работает, но я пытаюсь сделать то же самое, используя morph и класс css

$ ('span_2_0'). Tween ('width', 150);

Answer 1

когда вы делаете .morph(".classname"), он будет принимать только те свойства, которые МОЖЕТ изменить, и применять их, то есть цвет, размер и т. Д., А не z-индекс или положение.

в любом случае вам нужно.перед именем класса, а затем предварительно установите базовые свойства css:

$('span_2_0').morph('.overlay');

не используйте имена цветов.используйте шестнадцатеричные значения, которые могут быть преобразованы.

#span_2_0 {
    display: block;
    position: absolute;
    z-index:1;  
    background-color: #fff;
}
.overlay {
    background-color: #0000ff;
    width:75px;
    height:150px;
}

http://jsfiddle.net/ZrxBb/12/