z-indez + float в IE

Статус
В этой теме нельзя размещать новые ответы.

fafee

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

sss.JPG

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>
{*конец слоя основного контента*}
 
можно это сделать таким способом сделайте :
задать основному слою
position:relative
, а тому который будет всплывать
positon:absolute;
right:0;

и в результате будет достигнут тот же эффект что вам нужен!!!
только тот который будет всплывать, будет перекрывать содержимое того в котором он лежит(в зависимости от размеров всплывающего).
 
можно это сделать таким способом сделайте :
задать основному слою
position:relative
, а тому который будет всплывать
positon:absolute;
right:0;

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

cпасибо, так и сделал недавно.
только еще в контейнер сунул, а то он отсчитывал от границ экрана
:yahoo:
 
Можно чуть проще сделать. По умолчанию <div> имеет position:static и в этом случае z-index не работает. Нужно всплывающему блоку задать position:relative и в этом случае z-index будет работать корректно.
 
ага, z-index канает только для эелемнтов с position:relative и position:absolute (и, по идее, fixed)
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху