4

私はこのWebページのメニューをリバースエンジニアリングしようとしています（これは単なる個人的なプロジェクトであり、彼らの仕事を盗もうとはしていません）。

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

しかし、トランジション効果が効かないようです。ボーダートップを追加すると、例のようにインラインのままではなく、ダウンのコンテンツがプッシュされます。

また、境界線は上向きに「ブラインド」しているように見えますが、私がそれを行うと、下向きにブラインドします。

どんな助けでも大歓迎です！

4

1 に答える 1

5

これが問題の原因です。

.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 */
}
于 2013-03-20T12:24:01.540 に答える