z-indez + float в IE

Тема в разделе "Веб-дизайн", создана пользователем fafee, 14 мар 2009.

Статус темы:
Закрыта.
Модераторы: zek24
  1. fafee

    fafee Постоялец

    Регистр.:
    4 окт 2008
    Сообщения:
    92
    Симпатии:
    0
    Добрый день. Ситуация следующая: есть таблица, в которой два дива,
    один - основной контент, второй - должен всплыть в правом верхнем углу поверх первого, не выходя за пределы первого. В лисе все работает, в IE(7)
    все на своих местах, но ссылки из второго дива не работают - вследствие того, что скорее всего он не над, а под первым дивом (видно его потому что бекраунд прозрачный). Как сделать, чтобы он всплывал поверх первого?
    Спасибо.

    [​IMG]
    HTML:
    
    {*всплывающий слой*}
    <div style='float:right; width:150px; z-index:50000'>
         <table cellpadding='0' cellspacing='0' align='right' width='150'>
         <tr><td align='right'>
         <a href='ссылка'></a>
        </td></tr></table>
    </div>
    {*конец всплывающего слоя*}
    {*слой основного контента*}
    <div>
       <table cellpadding='0' cellspacing='0' width='100%'>
        <tr><td valign='top' width='80' align='center' style='padding: 5 15 5 5;'>
        контент   
        </td></tr></table>
    </div>
    {*конец слоя основного контента*}
    
    
     
  2. _NoName_

    _NoName_ Создатель

    Регистр.:
    27 фев 2009
    Сообщения:
    26
    Симпатии:
    6
    можно это сделать таким способом сделайте :
    задать основному слою
    position:relative
    , а тому который будет всплывать
    positon:absolute;
    right:0;

    и в результате будет достигнут тот же эффект что вам нужен!!!
    только тот который будет всплывать, будет перекрывать содержимое того в котором он лежит(в зависимости от размеров всплывающего).
     
    fafee нравится это.
  3. fafee

    fafee Постоялец

    Регистр.:
    4 окт 2008
    Сообщения:
    92
    Симпатии:
    0
    cпасибо, так и сделал недавно.
    только еще в контейнер сунул, а то он отсчитывал от границ экрана
    :yahoo:
     
  4. manourr

    manourr Постоялец

    Регистр.:
    2 мар 2009
    Сообщения:
    78
    Симпатии:
    25
    Можно чуть проще сделать. По умолчанию <div> имеет position:static и в этом случае z-index не работает. Нужно всплывающему блоку задать position:relative и в этом случае z-index будет работать корректно.
     
  5. SunTzu

    SunTzu Создатель

    Регистр.:
    21 фев 2009
    Сообщения:
    25
    Симпатии:
    1
    ага, z-index канает только для эелемнтов с position:relative и position:absolute (и, по идее, fixed)
     
Статус темы:
Закрыта.