1

この便利なhtmlは、renocorによる画像からテキストへのロールオーバーに関する質問への回答として見つかりました（テキストハイパーリンクをロールオーバーして画像にする）

<style>
.changeable img
{
  display:none;
}
.changeable:hover span
{
  display:none;
}
.changeable:hover img
{
  display:inline-block;
}
</style>
<a href="http://www.example.com" class="changeable"><span>Hyper Text</span><img src="img.png" /></a>

しかし、逆の効果を達成する必要がありました。だから私はそれが部分的に機能するイメージでスパンを反転しました。画像の代わりにテキストが表示されることを意味しますが、問題は画像が消えず、テキストのすぐ下に移動することです。

助言がありますか？ありがとう

.changeable span
{
    display: none;
}
.changeable:hover image
{
    display: none;
}
.changeable:hover span
{
    display: inline-block;
}
</style>
<a href="http://www.example.com" class="changeable"><span>Hyper Text</span><img src="img.png" /></a>
4

1 に答える 1

0

を確認して<style>、画像の代わりに img を配置すると、うまくいきました。

.changeable:hover img
{
display: none;
}
于 2013-05-06T15:30:18.253 に答える