css - CSS3 过渡和边框

Question

我正在尝试对该网页上的菜单进行逆向工程（这只是一个个人项目，而不是试图窃取他们的工作）。

http://clapat.ro/themes/11/color/

但是，我似乎无法让过渡效果发挥作用。当我添加边框顶部时，它会推动向下的内容，而不是像示例中那样保持良好的内联。

此外，边界似乎向上“盲目”，但当我这样做时，它会向下盲目。

任何帮助将不胜感激！

Answer 1

这导致了问题：

.nav > li > a {
    display: block;
}

这是来自 bootstrap.css 如果你删除那一点 CSS 它可以正常工作。

您可以通过添加以下内容来覆盖 index2.php 中的该样式display: inline;：

.navbar a, .navbar a:active, .navbar a:visited {
    color: #7f7f7f;
    padding-top: 35px;
    height: 90px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 45px;
    display: inline;         /* added this line */
}