为啥我不能与背面的链接进行交互？

Posted 2023-02-21

【中文标题】为啥我不能与背面的链接进行交互？

【英文标题】：Why can't i interact with the links on the backface?为什么我不能与背面的链接进行交互？

【发布时间】：2012-10-30 17:22:42

【问题描述】：

1)。 “Link”。我无法与“关注我们！”背面的链接/图像进行交互。在底部翻转卡片。 （iv'e 只使用 webkit）。帮助:'(

2)。此外，当您将光标缓慢移向翻转卡片时，如果您的光标位置不固定，卡片会振动。不像这里：http://css3.bradshawenterprises.com/flip/

相信我，我已经尝试了一切，我只是厌倦了这一点。

【参考方案1】：

要查看双方，您需要在div#flipthing 上使用CSS property and value, -webkit-transform-style: preserve3d。

您的卡片正在振动，因为两张面没有完全对齐。当卡片翻转时，您的光标进入边缘，或导致振动或动画重置的背面元素。

尝试将您的两个<p> 标签设置为完全相同，彼此堆叠：

div#flipthing  position: relative; 

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


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

这将使您的第一段堆叠在第二段之上。

此外，对于您的背面，您应该将-webkit-transform 和-webkit-backface-visibility 放在段落而不是嵌套表上。

【讨论】：

很好的解释，thnx，但我仍然无法正确理解，我在家里作为爱好学到了所有这些，所以我在基础知识和所有方面都有问题。我明白你在说什么，但我无法让它工作，一切都搞砸了，我必须按嵌套顺序再做一次。你能帮我解决这个问题，让我免于重蹈覆辙吗？如果你愿意，我会发送文件。 thnx :D