Jquery 这个网站使用了什么类型的效果？

网站-->在其帖子图像中使用了悬停效果。这是什么样的效果？这是CSS3或jquery效果，如何实现类似效果？

这是css的不透明度特性，在ie8上不起作用

您可以创建如下效果：

<a><img src="image.jpg" /></a>

a:hover {
background:#fff;
}

a:hover img {
opacity:0.7;
}

---

他们似乎正在将类“imgHover”添加到图像周围的
标记中。这是通过JavaScript实现的。然后在样式表中，它们有
.imgHover-img{opacity:0.7}

因此，该站点使用JS和CSS的组合。也可以使用
：hover
伪类（即
img:hover{opacity:0.7}
）在纯css中完成，或者通过JavaScript更直接地设置不透明度。使用jQuery，这看起来像：

$('img').hover(function(){
    $(this).css('opacity', 0.7);
}, function(){
    $(this).css('opacity', 1);
});

你试过查看网站的源代码吗？@Brandon-我的评论是针对OP的。不透明度没有达到应有的标准。尝试在CSS中使用{-moz opacity:.50；filter:alpha（opacity=50）；opacity:.50；}，使其在大多数浏览器中都能正常工作。而且它变得很难很快地管理（由于浏览器之间的位置不一致）。有时你不得不做出妥协——除非你的客户认为褪色的图像对业务至关重要！（我已经有了这些）我的意思是，它能与moz不透明度一起工作吗？：）我用@RafaelMoni-的解决方案进行了测试。它可以工作：）或者我应该使用moz不透明度吗？实际上，对于这种情况没有一个完整的跨浏览器解决方案，moz不透明度应该与不透明度一起用于firefox 3.6或更高版本，webkit不透明度（不确定sintax）也可以用于更高版本的chrome，过滤器：alpha（不透明度=60）；应该用于ie8和更旧版本，正如Art Hanzel所说，这是时间问题和关键业务-moz opacity将在早期版本的Firefox和基于Mozilla的浏览器（FF2、seamonkey、songbird…）上运行。据我所知，每个新浏览器（包括IE9）都支持不透明度，但我不能保证