可能的重复:
Firefox 是否支持表格元素上的position:relative? https://stackoverflow.com/questions/5148041/does-firefox-support-position-relative-on-table-elements
这是一个示例:全角菜单作为表格,ul-s 作为下拉菜单。http://cssdesk.com/dW7WS http://cssdesk.com/dW7WS
在 ie 和 Opera 中工作正常,但在 Firefox 中下拉 uls 会在整个屏幕上拉伸!
有什么帮助吗?
position: relative
不适用于表格单元格(<td>
or display: table-cell
).
从规格来看:http://www.w3.org/TR/CSS21/visuren.html#propdef-position http://www.w3.org/TR/CSS21/visuren.html#propdef-position
'position:relative' 对 table-row-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>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)