2017-04-21 11 views
3

の背面にフリップカードのバグを反応させるの私のこのライブラリからフリップカードを反応させるのプロジェクトリアクト:スタイリングでhttps://github.com/mzabriskie/react-flipcardは私が提供しようとしているカード

を、私たちは「reflexbox」を使用しています。

問題はアイコンの裏(テキスト)にあります。画像の前面(私はSVGを使用しています)は適切な位置にありますが、アイコンの背面は「下に」あります。私はクラスを変更してポジションを変更しようとしていますが、ポジションを変更しようとしていますが、動作しません。
注入スタイルが反応-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

BACK間違った位置PNG: http://imgur.com/a/RJbEW

は、JavaScriptでは、私は状態のための基本的なコードを使用してFlipcard

https://pastebin.com/Xv5zW6Nq

を返すと子で、私はちょうどアイコンを注入しています

https://pastebin.com/jAv291Fe

FlexboxはこのFlipCard cssで問題がないようです。

答えて

1

OK、解決済み。 node_modulesクラスに追加しました

.ReactFlipCard__Back 
position: absolute; 

多分誰かがそれを将来使用するでしょう。

関連する問題