0

私は何かを理解するのに苦労しています。私たちのサイトには、5 つの要素とわずかなグラデーションで塗りつぶされた背景を持つドロップダウン メニューがあります。6 番目の要素を追加する必要がありますが、ドロップダウン メニューの背景の下に表示されます。したがって、グラデーション フィル バック グラウンドの外側にあります。

メニューは下記ページのツールメニューhttp://stats.feathercoin.com/

inspect 要素を使用して別の要素を追加する場合

  • メニュー項目なので、残りの外にあることがわかります。元の Web 開発者は亡くなっており、これを理解することはできません。コードは単純に見えるので、これは私が解明できないカスタマイズだと思います。

    <ul class="dropdown-menu">
    <li><a href="//www.feathercoin.com/buttongen">Button Generator</a></li>
    <li><a href="//www.feathercoin.com/calc">Calculator</a></li>
    <li><a href="//www.feathercoin.com/charts">Charts</a></li>
    <li><a href="//explorer.feathercoin.com/">Explorer</a></li>
    <li><a href="//local.feathercoin.com/">Local Feathercoin</a></li>
    <li><a href="//www.feathercoin.com/netstats/">Stats</a></li>
</ul>

    これが理にかなっていることを願っています。どんな助けでも大歓迎です。

    • 4

    1 に答える 1

    1

    max-heightof により高い値を設定する必要があります.navbar .nav>li>a:hover ~ .dropdown-menu, .navbar .dropdown-menu:hover

    お気に入り：

    .navbar .nav>li>a:hover ~ .dropdown-menu, .navbar .dropdown-menu:hover {
  display: block;
  padding: 5px 0;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,0.2);
  border-top: 0;
  max-height: 500px;
  -moz-transition: max-height .5s, padding 0.2s;
  -webkit-transition: max-height .5s, padding 0.2s;
  -o-transition: max-height .5s, padding 0.2s;
  transition: max-height .5s, padding 0.2s;
}

    デモ: http://jsfiddle.net/AU3rr/

    于 2013-10-12T13:33:08.347 に答える