0

ここ数日、何かに引っかかっています。私が取り組んでいる Web サイトでは、コンテンツは 2 ページの開いた本でなければなりません。ページは内容に関係なく同じ高さでなければならないため、 を使用しdisplay: table/ table-cellました。その部分はうまく機能します。

痛いのは装飾です。各ページの上には、背景画像を含む div が必要です。position: absolute私はdivでそうしました。これは Chrome / IE8+ では機能しますが、Firefox ではまったく機能しません。テーブルセル / 絶対的な組み合わせが原因だと思いますが、機能させることができません。

これは次のようになります。 ここに画像の説明を入力

Firefox での表示は次のとおりです。 ここに画像の説明を入力

最後に、これが私の html/css 構造の jsfiddle です: http://jsfiddle.net/cd74z/4/

どんな助けでも感謝します、ありがとう。

4

2 に答える 2

1

Firefox では、テーブルまたはテーブルdisplay: table-cellが含まれる場合は常に絶対配置に問題があり、テーブル セルが相対的な親として無視されます。

これは 13 歳のGecko バグです。

display: inline-blockたとえば、テーブル構造から元に戻してセルで使用するか、絶対 div の周りに別の相対 div を配置することで、これを修正できます。

于 2013-11-14T15:19:29.447 に答える
0

私は最終的にこの問題に言葉をかけ、多くの同様の答えを見つけました。absoluteこれは、 divを1でラップすることですrelative。それは誰にとってもトリックを行うようです（Firefox / Chrome / IE8 +）

これがどのように機能するかを確認したい人のための更新された JSFiddle です: http://jsfiddle.net/cd74z/6/

于 2013-11-05T08:43:25.360 に答える