Html 我在想，当我将鼠标悬停在另一个图像上时，如何使图像出现

您好，我想知道当我在另一个上面悬停时，我会如何使一个图像出现

我有一些代码，但它就是不工作，我认为它应该是这样的东西

CSS-

HTML-

我觉得我的html部分有问题，但我不知道还能做什么

任何帮助都会很好的谢谢

扎克试试这个：

html

---

其中

？px

是图像的宽度和高度。您还需要确保您的图像URL是正确的，我只是猜测一下。

保留您提供的HTML是不可能的，因为元素是同级的。您可以使用以下代码“伪造”此效果：

<section class="r_img">
    <a href=""><img src="img/bike.png" class="bike"></a>
    <img src="bikeq_3.png" class="bikeq">
</section>

.bikeq {
    display: none;
}

.r_img:hover .bikeq 
{
    display: block;   
}

比基克先生{
显示：无；
}
.r_img:悬停。比基克
{
显示：块；
}

---

将鼠标悬停在两个图像的容器上时，将显示带有.bikeq类的图像。

您试图在此处使用子组合器，但第二个图像不是链接的子图像。请改用相邻的同级组合符。此外，您在选择器中的类名中省略了前一个句点（句号）。使用css无法做到这一点，因为您试图更改的元素不是触发器元素的子元素。你必须使用javascript。给你：这行吗？虽然我可能误解了你的想法，但我想知道，如果我做得不好，你说的假是什么意思？我还想知道现在是否有一种方法可以让其他元素对图像的出现做出反应。当我看到一些图像轻微移动时。还感谢您的帮助：）当图像出现时，您的反应是什么意思？你看过css动画了吗？这些图像本身就有轻微的起伏。我所拥有的是一个图像圈，在中间，我想让另一个图像出现在我徘徊在一个上面。你告诉我的对我试过的第一个有效，但对其他的无效。我没有接触过css动画，但我希望有一天lol“保持你提供的HTML是不可能的”——是的，它是。“因为元素是同级的”——这就是为什么相邻同级组合器允许这样做的原因。

<section class="r_img">
    <a href=""><img src="img/bike.png" class="bike"></a>
    <img src="bikeq_3.png" class="bikeq">
    </section>

<section class="r_img">
    <a href="" class=”bike_img”></a>
</section>

a.bike_img { width: ?px; height: ?px; display: inline-block; background: url("img/bike.png"); }

a.bike_img:hover { background: url("img/bikeq_3.png"); }

<section class="r_img">
    <a href=""><img src="img/bike.png" class="bike"></a>
    <img src="bikeq_3.png" class="bikeq">
</section>

.bikeq {
    display: none;
}

.r_img:hover .bikeq 
{
    display: block;   
}