一尘不染

Firefox中的相对位置

css

这是一个示例:全角菜单作为表格,而ul-s作为下拉菜单。

在ie和Opera中可以正常工作,但是在整个屏幕上都无法正常显示Firefox下拉菜单uls!

有什么帮助吗?


阅读 255

收藏
2020-05-16

共1个答案

一尘不染

position: relative不适用于表格单元格(<td>display: table-cell)。

‘position:relative’对table-row-group,table-header-group,table-footer-
group,table-row,table-column-group,table-column,table-cell和table- caption元素的影响未定义。

因此,Firefox并没有做错任何事情,尽管我确实希望它能够复制其他浏览器并使其正常工作。

为此,您需要div在每个容器中添加一个包装器td(并调整CSS选择器):

<table id="mainmenu">
    <tr>
        <td>
            <div style="position: relative;">
                <a href="#">..</a>
                <ul>
                    ..
                </ul>
            </div>
        </td>

        ..
    </tr>
</table>
2020-05-16