绝对:在firefox和webkit中以不同方式显示之后
提问于 2014-04-04 10:46:12
我有一个漂亮的下拉菜单在我的网站上在：http://www.blueleafstudio.net/environmentally-friendly-web-hosting/ (尝试“关于”或“支持”菜单项在顶部)
我在webkit浏览器上已经有了我想要的行为，但是firefox并没有做同样的事情。
在悬停上，安莉:后面的元素显示。它有绝对的位置。li元素本身具有相对位置。
在webkit中，后面的元素位置相对于li，而在firefox中，它的位置相对于ul标记。
在保持菜单相同的视觉效果的同时，有人能找到解决这个问题的方法吗？
回答 1
Stack Overflow用户
回答已采纳
发布于 2014-04-04 11:00:22
这里列出了一个笑脸问题：Does Firefox support position: relative on table elements?
基本上，这是火狐支持在表格单元格上相对定位的问题，或者在您的例子中和设置为display:table-cell;的元素上。他们在该示例中提出的解决方案是在“cell”中添加一个相对定位的包装器元素。
<li>
<div style="position:relative;">
<a href="">{..}</a>
<ul>{...}</ul>
</div>
</li>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/22870716
复制相关文章
![\[vscode issue\] Golang Debug 无法命中断点](https://developer.qcloudimg.com/http-save/yehe-7580534/aef40dda09a690910f54a96430fcee18.png)
![VS2013中Python学习笔记[基础入门]](https://ask.qcloudimg.com/http-save/yehe-1091427/ivh9kvt907.png)
腾讯云开发者
