陣營翻轉卡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; 

也許有人會在未來使用它。