javascript - 动画()和不透明度

Question

不能让这个动画工作

var highlight = $('<div class="insert_highlight" style="top:25px; left:100px; width:50px; height:50px"></div>').appendTo($(document.body))
    .animate({
            opacity : 0.1
        },
        400);

div.insert_highlight {
    position:absolute;
    background:#00ff00;
    z-index:-1;
    /*display:none;*/
}

因为现在不透明度从 1 逐渐降低到 0.1，但是如果我在样式中取消转义 display:none; 什么都不会发生，元素保持不透明度 0 或 display:none

Answer 1

var highlight = $('<div class="insert_highlight" style="top:25px; left:100px; width:50px; height:50px"></div>').appendTo($(document.body))
    .css({display: 'block', opacity:0})
    .animate({
            opacity : 0.1
        },
        400);