javascript - Jquery css z-index Math.random() 不工作

Question

我正在尝试创建简单的宝丽来风格画廊。我在随机定位和 css-transition 旋转方面做得很好，但是当谈到随机 z-index 时，我失败了(我需要它，因为当你洗牌时相同的图像位于所有其他图像之上时它很丑陋)

http://jsfiddle.net/PWHAL/1/ - 这是 jsfiddle，我用 z-index 随机注释行

测试的最佳案例是分组按钮

重要提示:代码只能在 webkit 上运行，因为我只为这个引擎测试 css 过渡属性 代码示例:

var realWidth = $(document).width();
var realHeight = $(document).height();
$("#polaroidButton").click(function() { 
    $(".hiddenh1").hide();
    $(".picCont").each(function() {
        $(this).css({
            '-webkit-transform' : 'rotate(' +Math.random()*360 +'deg)', 
            "left" : Math.random()*(realWidth-400),
            'top' : Math.random()*(realHeight-440),
            'z-index' : Math.random()*100 + 51
        });
    });
});

这东西还能用吗？

Answer 1

您是否尝试过确保随机数是一个整数？

'z-index' : parseInt(Math.random()*100, 10) + 51