我有一个通过Weebly.com创建的网站。有一个菜单系统,子菜单飞出。对于除Firefox以外的所有浏览器,它们会按预期飞出在Firefox中,它们的飞行速度比预期低25px。
相对于主菜单“控制”它应该飞出的高度的CSS是:
#wsite-menus .wsite-menu {
margin-top:5px;
}
我有5px的原因是因为我想要对齐5px宽的边框并放在主菜单下面。
我以为我可以使用:
@-moz-document url-prefix() {
#wsite-menus .wsite-menu {
margin-top: -25px!important;
}
}
但它不适用于我的Firefox(第27版)......
有什么想法吗?
修改
我已经尝试了几天,刚刚发布了这个问题,但也许这带来了我的运气,因为'我已经解决了几分钟后......典型的。
使用以下似乎仅将我的CSS异常应用于Firefox:
#wsite-menus .wsite-menu, x:-moz-any-link, x:only-child {
margin-top: -25px!important;
}
所以我猜“x:-moz-any-link,x:only-child”就是这么做的。但它并不完美。在滑出期间,子菜单仍然比低25px,但是在这些0.3s之后它们将-25px对齐 - 完美地与主菜单对齐。
也许它可以帮助别人!