鼠标悬停到文本显示图片，怎么让图片跟随 Hello World的位置显示

Question

<style>
.img-hover {
    
    position: absolute;
    width: 445px;
    height: 270px;
    display: none;
}

h1{
    
    position: relative;
    display:inline;
    transition: all 0.7s ease;
}

h1:hover{
    color: chartreuse;
    cursor: pointer;
}

h1:hover + .img-hover{
    display: block;
}

</style>

<a>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA <h1>Hello World</h1>
< img src="C:/Users/Xq/Desktop/s/go.png" class="img-hover" alt="">

Answer 1

根据你的代码，图片应该已经跟随Hello World的位置显示了。使用CSS中的绝对定位（position: absolute），并在鼠标悬停在文本上时（h1:hover），使用display: block来显示图片（.img-hover）。
除非你的HTML结构不正确，否则图片应该会在Hello World的位置显示，无论Hello World移动到页面的哪个位置，都应该跟随着的。