Html CSS div和图像不透明度效果

下面的代码显示div标记中的图像

<div class='item'>
        <img class='img' src="image1.png" alt="" />
</div>

我用这个在css中有不透明效果。使用此代码，当我将鼠标悬停在图像本身上时，不透明度效果很好。但是，如何使它在我将鼠标悬停在div标记上时，图像上的不透明度效果发生。我希望能够将鼠标悬停在封装图像的item div的任何部分上，以获得图像上的更改不透明度效果。NB仅对图像而不是整个div产生影响。这可以在css中完成吗？如果是，如何更改此项：

img:hover{
opacity:1.0;
filter:alpha(opacity=100);
}

到

当div处于悬停状态时，这将改变

img

的不透明度。

改变这一点：

img:hover{
opacity:1.0;
filter:alpha(opacity=100);
}

到

---

当div处于

悬停

状态时，这将改变

img的不透明度。
如果您使用jquery进行此操作，我认为这将很容易

 $('.item').hover(function(){ $('.img').css('opacity','1.0');}, function(){ $('.img').css('opacity','0.4');});

我想你知道jquery。您不能使用：根据Sitepoint将CSS的伪类悬停在没有href属性的元素上。
如果您使用jquery进行此操作，那么我认为这将很容易

 $('.item').hover(function(){ $('.img').css('opacity','1.0');}, function(){ $('.img').css('opacity','0.4');});

我想你知道jquery。您不能使用：根据Sitepoint将CSS的伪类悬停在没有href属性的元素上