Jquery 以不透明度悬停时图像上的文本

我已经在图像不透明度，而我悬停，一切都很好。但出现的文本太透明，几乎看不见。如何修复它

<div class="projects">
    <a href="#" target="_blank">
        <img src="img/task_proj.jpg">
        <span class="overlay">Task Manager</span>
    </a>
</div>

---

在这里，使用js，您只需使图像半透明即可

除去

.projects a:hover{
    opacity: 0.2;
    -webkit-transition: opacity 0.15s ease;
    -o-transition: opacity 0.15s ease;
    transition: opacity 0.15s ease;
}

加

---

如果将不透明度放置在锚点上，则它将影响锚点中的所有内容。在您的情况下，您只需要图像是半透明的，因此只需将图像作为目标，而不是整个锚点，这是因为当文本出现在透明的元素中时，您正在更改

的不透明度，然后文本本身也变为透明。
若要解决此问题，请将文本分割放置在已应用透明度的图元之外，然后使用适当的样式将文本放置在分割上

通常是使用样式完成的
位置：相对；
底部：10px//或相对于父图元要将其升高到的高度。
请发布您的CSS。是的，请。我不太明白你的意思asking@FlakDiNenno我相信OP是在问如何修复半透明文本（覆盖类）。你到底在说什么文本？图像中的文本？或者span类中的文本，即
任务管理器中的“任务管理器”
您的小提琴中没有HTML，它使用jQuery但不加载它。
.projects a:hover img {
    opacity: 0.2;
    -webkit-transition: opacity 0.15s ease;
    -o-transition: opacity 0.15s ease;
    transition: opacity 0.15s ease;
}

.projects a:hover img {
    opacity: 0.2;
    -webkit-transition: opacity 0.15s ease;
    -o-transition: opacity 0.15s ease;
    transition: opacity 0.15s ease;
}