1

ここを ご覧 ください. 次のコードを追加しました。

.entry_blog a {color:#000;}
.entry_blog a:hover {background-color: #000;color: #FFD700;}

テキストリンクは正常に機能します。<div class="entry_blog singlepageentry" itemprop="articleBody">ただし、画像を確認すると、 div内の各画像の下部に黒い線が表示されていることがわかります。

画像リンクに新しいクラスを追加できません。画像リンクに画像を追加できれば、単純に

.entry_blog .newclass a:hover {background:none}

しかし、そのような可能性はないので、この場合、entry_blogdiv内の画像から背景を削除する方法を知っている人はいますか?

前もって感謝します

4

2 に答える 2

2

すべての画像がスタンドアロン ブロックのように見えるので、ここで行う必要があるのは、img要素をdisplayブロック レベル要素として設定することだけです ( を使用display: block)。aこれにより、ギャップを残さずに包含要素を塗りつぶし、下にある可能性のある背景を完全に隠します。

.entry_blog a { color:#000; }
.entry_blog a img { display:block; }
.entry_blog a:hover { background-color: #000; color: #FFD700; }
于 2013-10-28T19:30:26.450 に答える
0

あなたの質問はややこしいです。

最良の方法は、追加background:noneまたは追加するbackground:transparentことです.entry_blog a

画像リンクに新しいスタイルを追加することはできないと言います。これは何を意味するのでしょうか？

確かにCSSを変更することができます。

于 2013-10-28T19:30:59.247 に答える