Javascript 将鼠标悬停在图像上，仅使背景变暗

我想能够悬停在一个图像，只有背景本身变成黑色（不透明度控制多少）。我已经有一个图像本身的效果，当它悬停，但我想添加一个效果，其中的背景是白色变成深色。以后能够使用不透明和转换来操作它将是最好的，但我还没有找到css3或jquery代码来实现这一点。任何帮助都将不胜感激

html

---

您需要将类添加到

因此，一旦您知道这是可行的，您就可以分配一个类，使其更像：

.template_design:hover a.thumbnail { opacity: 0.5; }

。。。这将针对所有这些规则，因此您只需要一个规则来管理它，而不是许多规则

这是用
类更新的同一把小提琴。缩略图
：

你能把你的代码放到一个文件夹中吗？上传你的图片或在某处找到一些示例图片，这些图片说明了与你的图片相同的原则（透明度等）。我不知道如何上传图片本身，但这里是我的网站链接作为示例。基本上，当它覆盖在矩形模板上并且变得更亮时，我希望背景（完全是白色的）变得更暗。
.template_design2 {
    background-image:url(img/template_design2.jpg); 
    width:740px;
    height:280px;
    background-repeat:no-repeat;
    float:left;
}

.template_design2:hover {
    background-position:0 -280px;   
}

.template_design:hover a#zapzonePoster { opacity: 0.5; }

.template_design:hover a.thumbnail { opacity: 0.5; }