Z-индекс не работает внутри таблицы, если в контейнере есть переполнение-прокрутка

У меня проблема с размещением абсолютного div за пределами таблицы, я не большой поклонник макета таблицы, но я нашел существующий проект с сервировка стола. Код выглядит следующим образом

<td colspan="2" align="right" style="padding-top:3px; padding-right:15px; padding-bottom:15px;" width="600px">
    <table cellpadding="0" cellspacing="0" border="0">
        <tr><td height="37px" width="600px" style="background-image:url('P--IMG--P/welcomepanel/header.png'); background-repeat:no-repeat; background-position:bottom left;"><span class="heading" id="I--heading_text--I" style="padding-top:3px;"></span></td></tr>
        <tr>
            <td align='left' valign='middle' width="600px" height="522px" style="background-image:url('P--IMG--P/welcomepanel/middelblock_repeat.png'); background-repeat: repeat-y; padding-top:0px">
                <div height="500px" width="580px" style="width:600px; text-align:left; height:500px; overflow-y:scroll; overflow-x:none;">
                    [--C--comp--C--]
                </div>
            </td>
        </tr>
        <tr><td><img src="P--IMG--P/welcomepanel/middelblock_roundcorners.png"/></td></tr>
    </table>
</td>

Где [- C - comp - C -] - строка замены для fckEditor, который содержит изображение внутри div, я установил z- index до 10, но он не хочет выходить из таблицы .. и его позиция абсолютна.

Пожалуйста, дайте мне знать, что я делаю не так.

Я понял, что проблема связана с прокруткой переполнения в контейнере td, если вы удалите overflow-y: scroll он работает нормально, но проблема в том, что мне нужно это переполнение, так как внутри этого td много контента. Я не знаю, что мне теперь делать. :( .. кто-нибудь, пожалуйста, помогите брату!

enter image description here

Мне нужно, чтобы маленькая карта находилась вне стола, а большая карта оставалась внутри стола, она показывает маленькое изображение, когда вы наводите курсор на большую карту с помощью JQuery для увеличения , который загружен в fckeditor. Надеюсь, это поможет ..

12
задан darckcrystale 8 February 2019 в 18:51
поделиться