很多时候，网站图像处理都有一些辅助作用。例如，当鼠标在图片上滑动或在点击时改变图片的颜色时，这是一个简单的改变图片的CSS透明性的方法。

你怎么改变它一个是纯CSS，一个由jQuery或Javaｓｃｒｉｐｔ代码控制。第一种用法：悬停伪类选择器，这个例子使用第二个。
先看最后效果：


第一步：放照片

xml代码将内容复制到剪贴板。














一个类选择器impacity是由在每一张图片的默认（默认是选中的图片，呈现出一种浅灰色）。

第二步：设定图片

CSS样式如下：

CSS代码将内容复制到剪贴板。


impacity。
{
滤镜：alpha（不透明度= 50）；
-个不透明度：0.5；
- KHTML不透明度：0.5；
不透明性：0.5；
}
ul
{
列表样式类型：无；
}




0.5以上的CSS样式是图像的透明度属性的值的取值范围：0mdash；1，更大的价值，更清晰的图。

结果如下：

默认透明度（浅灰色）

第三步：编写jQuery代码，点击样式来控制图片的透明度。

当鼠标点击图片时，画面正常显示，其他图片变成淡灰色。

因为默认的图像具有较轻的灰色，那是impacity类选择器，当我们点击图片，我们可以删除类和显示图片正常。

Javaｓｃｒｉｐｔ代码将内容复制到剪贴板。


$（函数（）{（））
$（#测试IMG）。Click（function（）{）
$（#测试IMG）。AddClass（impacity ）；
$（这）。RemoveClass（impacity ）；
}）
}）；





最终结果如下：


在这一天结束时，感谢你们的阅读，小编辑会更加努力，为你们大家做出更大的贡献。