css图片鼠标半透明黑色

CSS中的图片鼠标半透明黑色效果，让我们可以在网页中更加美观地呈现图片。该效果使用CSS中的hover选择器和opacity属性来实现。

img:hover {
  opacity: 0.5;
  
filter: alpha(opacity=50);
  /* IE8及以下浏览器透明度适配 */
}

img:hover {
  -webkit-filter: grayscale(100%);
  /* Chrome 和 Safari */
  filter: gray;
  /* IE6-9 */
  filter: grayscale(100%);
  /* IE10及以上 */
}

以上代码使用了opacity属性和filter滤镜来实现鼠标悬停时图片的半透明效果。同时使用了CSS3新特性中的grayscale滤镜，可以让图片在鼠标悬停时变为灰色，增加了视觉效果。

使用以上代码可以让我们轻松在网页中实现图片鼠标半透明黑色效果。当然，我们也可以根据自己的需要进行灵活的调整，让网页图片更加生动有趣。