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