CSS仅适用于Firefox:“@ -moz-document url-prefix()”在Firefox中不起作用(第27版)

时间:2014-03-09 11:39:27

标签: css firefox

我有一个通过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对齐 - 完美地与主菜单对齐。

也许它可以帮助别人!

0 个答案:

没有答案