Jquery css z-index Math.random（）不起作用

Question

I'm trying to create simple polaroid-style gallery. I'm doing okay with random positioning and css-transition rotation, but when it comes to randoming z-index, i'm failing (i need it, because it's ugly when the same image lies above all other whenever you shuffling)

http://jsfiddle.net/PWHAL/1/ - here is jsfiddle, i commented lines with z-index random

Best case for testing is grouping button

IPORTANT NOTE: code runnable only on webkit, because i was testing css transition properties only for this engine Code example:

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
        });
    });
});

This stuff even supposed to work?

Answer 1

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

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