这是一个示例:全角菜单作为表格,而ul-s作为下拉菜单。
在ie和Opera中可以正常工作,但是在整个屏幕上都无法正常显示Firefox下拉菜单uls!
有什么帮助吗?
position: relative不适用于表格单元格(<td>或display: table-cell)。
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选择器):
div
td
<table id="mainmenu"> <tr> <td> <div style="position: relative;"> <a href="#">..</a> <ul> .. </ul> </div> </td> .. </tr> </table>