我一直致力于创建CSS"翻转"容器背面有链接......
但是,无论何时我在反面添加链接代码,链接在Chrome中都不起作用,但它们可以在FireFox中使用。
以下是页面:
http://beta2.thrivemusic.com/artists/
如果你将鼠标悬停在" Steve Aoki"上,图像会翻转并显示3个社交图标。社交图标应该链接到另一个页面,但这些链接在Chrome中不起作用,只有firefox ...
非常感谢任何帮助,谢谢!
答案 0 :(得分:1)
摆脱backface-visibility
上的#f1_card
或将其设为inherit
。
#f1_card {
backface-visibility: inherit;
}
#f1_container:hover #f1_card {
transform: rotateY(180deg);
backface-visibility: inherit;
}