Question

我正在尝试创建简单的宝丽来风格画廊。我对随机定位和css-transition旋转做得很好，但是当涉及随机z-index时，我失败了（我需要它，因为当你洗牌时同一个图像高于其他所有图像时它很难看）

http://jsfiddle.net/PWHAL/1/ - 这里是jsfiddle，我用z-index random评论了行

最佳测试案例是分组按钮

IPORTANT注意：代码只能在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

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

1 个答案: