在卡片背面反应Flip-Card错误

Question

我正在尝试向我的React项目提供此库中的React Flip-Card：https://github.com/mzabriskie/react-flipcard

在造型方面，我们正在使用＆＃39;反射盒＆＃39;。

问题在于图标的背面（也是文本）。图像的正面（我正在使用svg）位于正确的位置，但图标的背面是＆＃34;在＆＃34;下面。我试图改变并改变班级的位置并改变位置，但不能正常工作 注入样式由React-FlipCard提供：https://github.com/mzabriskie/react-flipcard/blob/master/lib/helpers/injectStyle.js

我改变了：

.ReactFlipCard__Front, .ReactFlipCard__Back {
position: inherit;

为了显示问题，我提供了.gif和.png

GIF： https://gyazo.com/924c7c6d949fca49747c98b14f36b596

PNG： http://imgur.com/a/nQtLN

返回错误的位置PNG： http://imgur.com/a/RJbEW

在JavaScript中我使用状态的基本代码并返回Flipcard

https://pastebin.com/Xv5zW6Nq

并且在孩子中我只是注入了Icon

https://pastebin.com/jAv291Fe

Flexbox看起来不错，这个FlipCard css有问题。

Answer 1

好的，解决了。我添加到node_modules类

.ReactFlipCard__Back
position: absolute;

将来可能有人会使用它。