Question

我发现这个有用的html是关于通过renocor（rollover a text hyperlink to become an image）将翻转图像转换为文本的问题的答案

<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>

Answer 1

检查<style>并输入img而不是图片，为我工作。

.changeable:hover img
{
display: none;
}

翻转图像超链接以成为文本行

1 个答案: