css - CSS rotateY 和链接的问题

Question

请试试这个DEMO

我在背面无法使用链接链接时遇到问题。

任何人都可以帮忙吗？

它适用于 FF，但在 Crome 中不起作用。

这是我从http://www.asuum.com获得想法的页面

$("a.image").live({
    mouseenter: function(event){
        var id = $(this).attr('id');

        console.log('hier');

        $flipbox = $('#li_'+id).find('.flipbox');
        $front = $flipbox.find('.front');
        $back = $flipbox.find('.back');

        $('#event_button_'+id).hide();

        $back.show();
        $flipbox.addClass('turnover');
        return false;
    }  
});

Answer 1

更改-webkit-transform: rotateY(181deg);为 180 或更少，有点，没有完全旋转，一半的物体丢失

.back {
    -webkit-transform: rotateY(181deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

jsfiddle