の背面にフリップカードのバグを反応させるの私のこのライブラリからフリップカードを反応させるのプロジェクトリアクト:スタイリングで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
BACK間違った位置PNG: http://imgur.com/a/RJbEW
は、JavaScriptでは、私は状態のための基本的なコードを使用してFlipcard
を返すと子で、私はちょうどアイコンを注入しています
FlexboxはこのFlipCard cssで問題がないようです。