2012-04-02 2 views
1

У меня есть стек imgs, накладывающийся на один, который отображается/скрыт по мере необходимости. Чтобы эти изображения перекрывались, я вынужден использовать положение: абсолютное (я теряю между ними, поэтому мне нужно, по крайней мере, два изображения поверх одного за другим). Их контейнер div плавает, но высота изображений меняется, поэтому я не могу установить фиксированную высоту в этом родительском контейнере. Мне нужен их контейнер, чтобы точно отражать их высоту, так как есть еще один плавающий div, который очищает контейнер, который должен сидеть ниже изображения, независимо от его высоты.Абсолютные позиционированные элементы внутри поплавка

Есть ли способ достичь этого, не используя javascript для правильной настройки высоты контейнера для каждого изображения?

Вот ссылка на страницу так, как она есть на данный момент. Я использую изображения с одинаковой высотой, но я хотел бы иметь возможность изменять высоту изображений.

http://www.unwalked.com/

+0

Можете ли вы показать это в jsFiddle? Я не уверен, что понимаю проблему так, как вы ее описываете. –

+0

Звучит что-то вроде этого: http://jsfiddle.net/dJdXX/30/ Не успеваешь с ним поработать, но я думаю, что это показывает проблему. –

+1

Короче говоря, вы хотите, чтобы родительский элемент (P) элемента абсолютной позиции (E) настраивал его высоту на основе E.height? Если это так, вы не можете сделать это без javascript, потому что E больше не является дочерним элементом P, поскольку абсолютная позиция удаляет его из потока. – Bazzz

ответ

0

Что делать, если вы не сделаете все дочерние изображения позиционированы абсолютно, а только временно установить position: absolute; к изображению, который будучи угас? Таким образом, контейнер естественным образом изменит размер, чтобы он соответствовал активному изображению.

+0

Это хорошо. Однако, если выцветшее изображение было выше, чем выцветшее изображение, тогда флотированный контейнер сжимал бы затухание на высоте изображения, оставляя изображение затухания перекрывающим его нижним краем. – Undistraction

+0

Да, это правда. Но как вы хотите, чтобы он тогда себя вел? Лучшим подходом было бы плавное изменение высоты контейнера, но это связано с javascript (я не думаю, что вы можете сделать это с переходами CSS, но, возможно, я ошибаюсь). –

+0

Да, я думаю, что мне нужно будет использовать javascript где-нибудь; мой вопрос состоял в том, возможно ли все это без использования javascript. Ваш ответ очень близок, но не совсем там. – Undistraction