您的卡正在振动,因为两个面未完全对齐.当卡片翻转时,您的光标会进入页边距或导致振动的后退元素或动画的重置.尝试将两个< p> 标记设置为完全相同,彼此堆叠: div#flipthing {位置:相对;}div#flipthing p {位置:绝对;最高:0;左:0;}div#flipthing p:第一个孩子{z索引:10;} 这将使您的第一段堆叠在第二段之上.此外,对于您的背面,应在段落上放置 -webkit-transform 和 -webkit-backface-visibility 而不是嵌套表.1). "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. 这篇关于为什么我不能与背面的链接进行交互?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持! 上岸,阿里云!