0

ドロップダウン メニューを作成しましたが、正常に動作し、希望どおりに動作しますが、修正できない問題が 1 つあります。

一部のドロップダウンについては、ユーザーを支援するために下に小さなコメントを入れています。例えば ​​：

<a href="/#"><b>test</b> <br/><span>testing comment</span></a>

アンカーの内側にコメントを入れるのではなく、アンカーの外側にコメントを入れて、同じように見たり行動したりしたいと思います。推論... Googleは私を怖がらせ、私がキーワードを詰め込んでいると思われたくありません.特に、ドロップダウンは最初に表示されているためです:非表示. 私は次のようなことを考えています:

<a href="/#"><b>test</b></a> <br /><span>testing comment</span></

何らかの方法で可能である必要がありますが、取得できないようです。このフィドルの完全なコードと CSS - jsfiddle

<div class="drop-menu">
                <ul>
                    <li><a class="full" href="/#">number 1</a>
                        <ul>
                            <li><a href="/#"><b>test</b> <br/><span>testing comment</span></a></li>
                            <li><a href="/#"><b>test</b> <br/><span>testing comment</span></a></li>
                            <hr/>
                            <li><a href="/#"><b>testing</b> <br/><span>testing comment</span></a></li>
                        </ul>
                    </li>
                    <li><a href="/#">number 2</a></li>
                    <li><a class="purchase" href="/#"><img alt="cart" height="16" src="/images/trans.gif" width="16"> number 3</a></li>
                    <li><a class="full" href="/#">number 4</a>
                        <ul>
                            <li><a href="/#">testing</a></li>
                            <li><a href="/#">testing</a></li>
                            <li><a href="/#">testing</a></li>
                        </ul>                   
                    </li>
                    <li><a href="/#">number 5</a></li>
                </ul>
</div>
4

1 に答える 1

0

あなたはこのようにそれを行うことができます：

<li><a href="/#"><b>test</b></a><span>testing comment</span></li>

背景にカーソルを合わせるliと同じ効果があります。

.drop-menu li ul li:hover {
  background:#c4dcec;
  overflow: hidden;
  display: block;
}
于 2013-01-12T19:53:12.690 に答える