Css3动画z-index越野车？

最近我一直在试验css3动画。我注意到，似乎无法将html元素放在使用z-index的css3动画上。Css3动画z-index越野车？

这里是我的小提琴：http://jsfiddle.net/arcco96/tkwdqqq3/2/

这可能是因为我是动态创建的元素。

继承人的jQuery的：

var cv = $('.container').width(); 
var side = (.80 * cv); 

$("#btn1").click(function() { 
    jQuery('<div/>', { 
    class: 'timer', 
    }).appendTo('#center'); 

    var cw = $('.timer').width(); 
    $('.timer').css({ 
    'height': cw + 'px' 
    }); 


    jQuery('<div/>', { 
    class: 'mask', 
    }).appendTo('.timer'); 

    jQuery('<a/>', { 
    class: 'round-button', 
    href: 'http://example.com', 
    }).appendTo('.center'); 

    $('.round-button').css({ 
    'height': (cw - 20) + 'px', 
    'width': (cw - 20) + 'px' 
    }); 
});

（我最终想要的按钮，可以对计时器的顶部）。

如果有周围的工作，我想听到它。

来源

2014-12-27 user2444319

把它放在计时器的中心，用这个http://www.smashingmagazine.com/2013/08/09/absolute-horizontal-vertical-centering-css/ – 2014-12-27 18:33:40

你从哪里遇到问题？在铬这似乎工作 – 2014-12-27 18:57:39

对不起，它是在小提琴。

#btn1 { 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    width: 100px; 
    margin: -1em 0 0 -50px; 
    z-index: 9999999; 
}

试试这个

来源

2014-12-27 18:34:25

我已经试过，在小提琴和它似乎并没有工作 – 2014-12-27 18:34:59

[更新]（http://jsfiddle.net/tkwdqqq3/3/） – 2014-12-27 18:42:13

好吧，你让它工作。顺便说一句，试图解决完美居中问题的负利润率似乎并不奏效。它仍然在中心。 – 2014-12-27 18:43:42

Css3动画z-index越野车？

回答

相关问题