IE8 z-index глюк - кажется, не могу найти рабочее решение - PullRequest
Новая
       39

IE8 z-index глюк - кажется, не могу найти рабочее решение

1 голос
/ 24 июня 2011

Я перепробовал все предложения здесь, но я просто не могу заставить меня всплыть перед моей таблицей стилей в IE.Работает в Firefox и Chrome.Вот очень простой пример моего макета.

веб-сайт gulfstreamdata dot com.Если вы добавляете что-либо в корзину, а затем в правом верхнем углу нажмите «развернуть», она выпадает из корзины в вашей корзине, но в IE она появляется под шаблоном.:( 

<div class="vmCartModule" style="position:relative; z-index:900; ">

<div id="dropdown" style="position:absolute; z-index:901;">

</div>

</div>

Я попытался сделать оба значения z-index одинаковыми и попытался сделать внешний div выше. Попробовал все, что мог придумать в инструментах разработчика IE, но безрезультатно.

Ответы [ 2 ]

1 голос
/ 24 июня 2011

В любом случае, поскольку он расположен в известной вам позиции, возможно, вы можете отсоединить его от родительского div и переместить его после фактического родительского div, чтобы он рисовался спереди (также удаляя значения z-index).

<div class="vmCartModule">

</div>

<div id="dropdown" style="position:absolute; z-index:1;">

</div>

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

РЕДАКТИРОВАТЬ

Если он появится под вашим шаблоном, переместите этот раздел внизу вашего сайта, возможно, прямо перед </body>.У меня была та же проблема со многими меню и подменю, и она всегда работала идеально.

0 голосов
/ 24 июня 2011

Сделайте это: 

<div id="dropdown" style="position:absolute; z-index:901;">
    //your content
</div>
<div class="vmCartModule" style="position:relative; z-index:900; ">
    //your content
</div>

См. Демонстрацию в IE8: http://jsfiddle.net/WtWqX/8/

...