Question

想知道是否有人可以阐明这个

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

基本上我试图在图像上创建一个盲目的效果。 addClass或toggleClass能够应用样式，但我试图变形叠加，以便在图像上设置动画。

TA

编辑..

这有效，但我尝试使用变形和css类

来完成同样的事情

$（＆＃39; span_2_0＆＃39;）。tween（＆＃39; width＆＃39;，150）;

Answer 1

当你执行.morph(".classname")时，它只会获取它可以变形并应用它们的属性，即颜色，大小等，而不是z-index或position。

无论如何，你需要。在classname之前，然后事先设置基本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/

Mootools变形问题 - div覆盖图像

1 个答案: