顶部不起作用

时间:2014-08-06 11:35:40

标签: jquery css

下面是代码:

$('> li', this).each(function (index) {
    var top_space = $(this).css('padding-top');
    $(this).prepend('<div></div>');
    $('> div', this).css({
        position: "absolute",
        top: -top_space,
        width: "100%",
        height: top_space,
            "z-index": 0
    });
});

这是inspect元素的结果:


enter image description here


正如您所看到的,没有顶级属性,但当我删除负号时......


enter image description here


有一个顶级属性但不起作用,它仍处于顶部:0


enter image description here


我现在已经被困了近一个小时,无法弄清楚原因。我错过了什么?

3 个答案:

答案 0 :(得分:2)

试试这个 -

top: "-" + top_space,

答案 1 :(得分:2)

使用串联+运算符

top:  "-" + top_space

Demo

答案 2 :(得分:1)

您的top_space将是字符串,因此您无法将其设为“-top_space”

Try: -(parseInt(top_space))