使用谷歌浏览器时图像不会褪色

Question

当与CSS匹配时，我有一个相当简单的代码行，在这种情况下是可点击的图像是徽标，当用鼠标悬停时，它应该会褪色。这似乎在Edge上正常工作，但是当通过谷歌浏览器加载页面时，淡入淡出效果将无效。

我也尝试了一些变化，但是我得到了相同的结果。

这段代码可能不太有帮助，但我决定把它扔进这里。

<?php echo "<a href='' class='logo_fade'><img src='" . $logo_source . "' height='" . $logo_height . "' width='" . $logo_width . "' style='padding-top:" . $logo_height_spacing . "px;'" . $logo_height_spacing . "'></a>";   ?>

CSS：

 a:link img {
  opacity: 1.0;
 }
 a:hover img {
  opacity: 0.4;
  transition: opacity 0.3s ease-in-out;
 }