Расширение слайдов DIV позади DIV под ним

Question

Я не уверен, что получу здесь ответ, так как мне нужно было бы опубликовать много CSS и html, чтобы получить рабочий отдых, однако ...

У меня есть что-то вроде структуры:

<fieldset>
    <legend>Test A</legend> 
    <h3>Test A</h3>   
    <p>
        Something here.
    </p>
    <div style="display:hidden;">I'm dynamically displayed</div>
</fieldset>

<fieldset>
    <legend>Test B</legend> 
    <h3>Test B</h3>   
    <p>
        Something B here.
    </p>
</fieldset>

У меня есть код, который переключает отображение моего скрытого div, используя jQuery и .show (). Это хорошо работает в IE8, Firefox и Safari, но когда я встраиваю IE8 в режим совместимости, то первый набор полей (тест А) будет расширяться, но расширение происходит за вторым набором полей, который не перемещается (то есть скользит позади это).

У меня здесь довольно много CSS, и я собираюсь вернуться и снять с него все, что не является забавной идеей. Если у кого-нибудь есть идеи об одной из проблем рендеринга IE7, которые могут повлиять на это, то я был бы очень признателен. (обратите внимание, что в этих наборах полей содержится больше содержимого, чем показано, включая плавающие элементы div).

---

Быстрое примечание - если я вставляю IE7 в режим причуд, он работает (но разрушает остальную часть моего макета) - в стандартном режиме я получаю описанное выше поведение.

Answer 1

Я только что решил эту проблему на своем сайте. Поплавок: слева и положение: родственник сделал трюк.

Answer 2

проверьте ваш z-индекс и переполнение: скрыто в стиле fieldset

Answer 3

Может показаться, что это была комбинация различных положений: относительного и положения: статических элементов макета (несколько более ранних) Когда мои наборы полей были расположены относительно, они не сдвигались (из-за других элементов стиля вокруг них).

Позиция: статика, кажется, добилась цели.