我的网站上有一个花哨的下拉菜单：http://www.blueleafstudio.net/environmentally-friendly-web-hosting/（尝试＆＃34;关于＆＃34;或者＃34;支持＆＃34;顶部的菜单项）
我在webkit浏览器上得到了我想要的行为，但是firefox并没有做同样的事情。
在悬停时，会显示li：after元素。它有绝对的位置。 li元素本身具有相对位置。
在webkit中，：after元素位置相对于li，但在firefox中它的位置是相对于ul标签。
任何人都可以看到这样的方式，同时保持菜单在视觉上相同吗？
答案 0 :(得分：1)
此处列出了一个微笑问题：Does Firefox support position: relative on table elements?
基本上，这是一个问题，Firefox支持在表格单元格上进行相对定位，或者在您的情况下，元素设置为display:table-cell;。他们在该示例中提出的解决方案是在“单元格”中添加相对posiitoned包装元素。
<li>
<div style="position:relative;">
<a href="">{..}</a>
<ul>{...}</ul>
</div>
</li>