Html 为什么图像上有不透明度？如何在图像上没有不透明度，在div上使用悬停功能？

我正在尝试显示以下图像，但没有从父级继承任何不透明度。有关守则：

CSS

HTML

该图像具有来自父对象的不透明度，这是我不希望看到的。另外，如何在div上设置悬停样式

---

谢谢。

这是通过更加具体地使用CSS来实现的

对于img CSS：

#accordion ul li img {
        opacity:0;    
    }

要使用CSS悬停，请执行以下操作：

#accordion div:hover {
     color:#FFF;
}

---

首先，您的HTML是无效的。你不能把DIV直接放在UL后面。我应该放li吗？我做得很好：如何在图像上不加不透明？你应该在这里研究CSS的特异性水平

#accordion ul li img {
        opacity:0;    
    }

#accordion div:hover {
     color:#FFF;
}