5

ばかげた質問かもしれませんが、多くの初心者にとって役立つと確信しています。コードを作成しました。私がやろうとしているのは、<p>現在非表示になっているテキスト (タグ内) を、実際のテキスト<a>がホバーされている場合にのみ表示することです。これはjsなしで可能ですか？css/htmlのみの操作で可能でしょうか？HTMLコードはここにあります：

                <div class="promo2">
                    <a href="speakers-hire.html">
                        <div class="promo2a">
                            <p>SPEAKERS</p>
                        </div>
                    </a>

                    <a href="decks-hire.html">
                         <div class="promo2a">
                            <p>CD PLAYERS</p>
                        </div>
                    </a>

                </div>

および上記の html に対応する css:

.promo2a:hover{
background:url(../_images/generic/glass5.png);
display:inline-block;

}

.promo2a p{
display:none;

}

基本的に<p>、div全体promo2aがホバーされたときにテキストが表示されるようにします。

どんな助けでも親切に感謝します。前もって感謝します。

4

2 に答える 2

12

試す

.promo2a:hover > p {display:block;}

またはあなたのニーズに合ったもの

于 2012-07-28T12:27:14.003 に答える
1

あなたはかなり近づいています、私はただ使用する必要があります :hover to display

.promo2a:hover p { display: block; }
于 2012-07-28T12:28:12.610 に答える