现在,我不是新代码。完全没有。然而,我傻眼了可能出错的地方。
如果您导航到此站点:https://clickitsocial.net
主页上的按钮/链接有效。
但是,请转到“投资组合”页面:https://clickitsocial.net/portfolio
当我尝试点击它们时,翻转卡上的链接都没有工作,我确实为每个链接设置了href属性,即使它是#,直到我找出每个链接中的内容。
它可能与jQuery或其他东西发生冲突吗?别的什么?
我正在使用WordPress v4.8,JointsWP主题来构建。
利兹,
问题不在于超链接,而在于.flip-card-inner
div。
如果你从backface-visibilty: hidden;
删除.flip-card-inner
然后它会工作。
你只想要backface-visibility: hidden;
在.flip-card-inner-front
和.flip-card-inner-back
divs。
试试看,看看它是怎么回事。
瑞安
要使Foundation Flip Card在Firefox和Chrome上正常工作:https://foundation.zurb.com/building-blocks/blocks/flip-card.html
首先,我们使用Ryan的解决方案来解决Chrome问题:删除背面可见性:隐藏在.flip-card-inner类中。
然后我们遇到了一个带有backface-visibility属性的Firefox(版本63-66.0.1)错误。解决方法是将:transform:rotateY(0deg)添加到.flip-card-inner-front类。