Html 在编写代码时，图像不会应用不透明度

我有一个小问题，我想在我的网站上插入一张图片。我设法插入图片，但当我想在代码中插入不透明度时，问题就出现了。我希望当你在照片上胡乱翻看时，它会变得透明

 <a href="http://www.byggprojektoren.se" style="opacity: 1;">  <img
 src="Image.jpg"> </a>

---

因为它现在是不透明的，当你用鼠标在上面滑动时。

你可以给它一个带有css的：悬停选择器，如下所示：

img:hover {
    opacity:0,4;
}

编辑：

img：悬停{
不透明度：0,4；
}

使用css而不是内联样式。您还可以将css用于悬停样式，如下所示：

img:hover {
    opacity:0,4;
}

img{
不透明度：1；
}
img：悬停{
不透明度：0.5；
}

---

您好，我如何在当前代码中实现这一点？谢谢。嗨，我不知道如何将它插入到我上面的代码中，你能帮我吗？在我的第一篇文章中，我已经重写了代码。这样做正确吗？我已经在我的网站上尝试了这段代码，但仍然不起作用。我认为你应该在HTML代码的head标记中包含style标记。我使用的是wordpress主题，因此我不知道在header.php中做任何事情是否明智，如果主题稍后需要更新。是否有任何其他选项可以在内部执行此操作？谢谢。不在header.php中。您的html文件有如下内容：，对吗？您可以在head标记中添加样式标记。