問題與Mootools的變身 - DIV重疊的圖像

Question

不知道是否有人能提供一些線索就此

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

基本上我試圖創建在圖像上遮擋效果。 addClass或toggleClass能夠應用樣式，但我試圖變形疊加層，以便在圖像上進行動畫處理。

鉭

編輯..

這工作，但我想用變形和CSS類

$（ 'span_2_0'）來完成同樣的事情。吐溫（ '寬' ，150）;

Answer 1

當你做.morph(".classname")時，它只會採用它可以修改並應用它們的屬性，即顏色，大小等，而不是z-index或位置。

無論如何，你需要的。然後設置基本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/