阵营翻转卡BUG卡

Question

后面我想提供给我的项目做出反应，从这个库中的阵营翻转卡：https://github.com/mzabriskie/react-flipcard

在造型中，我们使用了“reflexbox”。

问题出在图标后面（也是文字）。图像的正面（我正在使用svg）位于正确的位置，但图标的背面是“下”。我试图改变和改变职位，改变职位，但不工作。
注射风格提供的阵营，活页片：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中我使用了国家的基本代码，并返回活页片

https://pastebin.com/Xv5zW6Nq

，并在孩子我只是注入图标

https://pastebin.com/jAv291Fe

Flexbox看起来没问题，这个FlipCard css出了问题。

Answer 1

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

.ReactFlipCard__Back 
position: absolute; 

也许有人会在未来使用它。