Html CSS更改DIV悬停时的图像不'；行不通

我有一个DIV，当鼠标滑过时会改变他的颜色

我想在将鼠标移到div上时更改div内的图像，而不是移到图像上的图像上

在HTML中

<div class="about">
<img class="about-project1">

另一件事是，尽管我告诉border:0，但图像显示为带边框 为什么?

十分感谢

---

Udi

以下代码将执行您想要的操作：

HTML

<div class="about">
   <div class="about-project1"/>
</div>

最后，您的图像有一个边框，因为它是一个

img

元素，没有

src

属性，所以我将原始代码改为使用

div

---

应该

。关于一个关于-project1

不是

。关于-project1

？html中没有

标记。
<div class="about">
   <div class="about-project1"/>
</div>

.about-project1 {
    width: 121px;
    height: 42px;
    background: url("https://www.gstatic.com/webp/gallery3/1.sm.png") no-repeat;
}

.about:hover h3 {
    color: #fff;
}

.about:hover .about-project1 {
    background: url("https://www.gstatic.com/webp/gallery/4.sm.jpg") no-repeat;
}