为什么我不能与背面的链接进行交互? [英] Why can't i interact with the links on the backface?

问题描述

1)."链接".我无法与跟随我们！"背面的链接/图像进行交互.底部翻转卡.(仅适用于webkit).帮助:'(

2).同样，当您将光标缓慢移向翻卡时，如果光标的位置没有固定，则卡也会振动.与此处不同的是: http://css3.bradshawenterprises.com/flip/

请尝试一下，请相信我，我对此感到厌烦.

解决方案

要查看双方，您需要使用Link". I can't interact with the link/images on the backface of "follow us!" flip card on the bottom. (iv'e only used webkit). HELP :'(

2). Also when you move your cursor slowly towards the flip card, the card vibrates if your cursor's position isn't fixed. Unlike here: http://css3.bradshawenterprises.com/flip/

Trust me iv'e tried everything, and i'm just sick of this.

解决方案

To see both sides you need to use the CSS property and value, -webkit-transform-style: preserve3d on your div#flipthing.

Your cards are vibrating because the two faces are not aligned exactly on top of each other. When the card is flipping, your cursor enters the margins, or the back element which causes the vibrating, or the resetting of the animation.

Try setting your two <p> tags to be exactly the same, stacked on top of the each other:

div#flipthing { position: relative; }

div#flipthing p {
    position: absolute;
    top: 0;
    left: 0;
}

div#flipthing p:first-child {
    z-index: 10;
}

This will allow your first paragraph to be stacked on top of the second.

Additionally, for your back face, you should put the -webkit-transform and -webkit-backface-visibility on the paragraph instead of the nested table.

这篇关于为什么我不能与背面的链接进行交互?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！