浮動小数点の中の絶対配置された要素

私は必要に応じて表示/非表示になっている複数の画像を重ねて表示しています。これらの画像が重なり合うために、私はposition：absolute（私はそれらの間でフェーディングしているので、一度に2つ以上の画像を1つずつオンにする必要があります）を使用するように強制しています。それらのコンテナdivはフローティングされていますが、イメージの高さが変化するため、この親コンテナに固定高さを設定できません。どのような高さであっても、画像の下に座る必要のあるコンテナをクリアするもう1つの浮動小数点divがあるので、高さを正確に反映するためにはコンテナが必要です。浮動小数点の中の絶対配置された要素

javascriptを使用して各画像のコンテナの高さを適切に調整せずにこれを達成する方法はありますか？

これは現在のページへのリンクです。私は同じ高さの画像を使用していますが、画像の高さを変えることができるようにしたいと考えています。

http://www.unwalked.com/

出典

2012-04-02 Undistraction

これをjsFiddleに表示できますか？私はあなたがそれを記述する方法で問題を把握しているかどうかはわかりません。 –

http://jsfiddle.net/dJdXX/30/のように聞こえます。それ以上のことをする時間はありませんが、問題を示していると思います。 –

要するに、絶対位置要素（E）の親（P）に高さに基づいて高さを調整したいのですか？そうであれば、position absoluteはそれをフローから削除するので、EはもはやPの子ではないので、javascriptなしではこれを行うことはできません。 – Bazzz

あなたは絶対にだけではなく、一時的に消えされていた画像にposition: absolute;を設定し、配置すべての子の画像を作成しない場合は？そうすれば、コンテナはアクティブなイメージに合わせて自然にサイズ変更されます。

出典

2012-04-02 09:54:51

それは良い考えです。しかし、退色した画像が退色した画像よりも背が高い場合には、浮かせた容器は画像の高さの退色を収縮させ、退色した画像をその下端と重複させたままにする。 – Undistraction

はい、これは当てはまります。しかし、どうやってそれを行動させたいのですか？最良のアプローチは、スムーズにコンテナの高さの変化をアニメーション化することですが、それにはjavascriptが必要です（私はあなたがCSSのトランジションでこれを行うことはできませんが、おそらく私は間違っています）。 –

はい、私はどこかでjavascriptを使う必要があると思います。私の質問は、このすべてがjavascriptを使用せずに可能かどうかでした。あなたの答えは非常に近いですが、かなりありません。 – Undistraction

浮動小数点の中の絶対配置された要素

答えて

関連する問題