Html 如何将覆盖应用于此图像？

我举了一个例子：

代码HTML:

<div>
    <a><img src="http://www.altradona.ro/old/media/catalog/product/cache/1/small_image/252x252/9df78eab33525d08d6e5fb8d27136e95/m/i/microsoft-wireless-optical-mouse-5000.jpg"></a>
</div>

img {
    position:relative;
    z-index:0; 
    max-width:100%;
    height:auto; width:auto\9; /* ie8 */ 
}

我发现这个例子：

我们要实现的示例（链接中的第一张图片）。。。我不能做这些事情，因为我的html代码是不同的，我不想修改它

它可以做到这一点而不改变HTML代码？ 你能给我举个例子吗

---

提前谢谢

您可以使用

rgba

作为背景

img{
位置：相对位置；
z指数：0；
最大宽度：100%；
高度：自动；宽度：自动\9；/*ie8*/
}
a{
位置：相对位置；
显示：内联块；
}
a:悬停：之后{
内容：“；
位置：绝对位置；
排名：0；
底部：0；
左：0；
右：0；
背景：url（fallback transparent.png）；/*如果不支持rgba*/
背景：rgba（255,0,0,0.3）；
}

将另一个图像放入

鼠标悬停时是否要用颜色覆盖图像（鼠标）？