|
在你的CSS中加入下面一条代码
#m_blog div.cnt a:hover img{filter:alpha(opacity=50)}
这条代码的意思是,当鼠标移动到连接中的图片上时,图片的不透明度变为50%。大家在CSS中是找不到这条代码的,这个代码是完全自己定义的,所以你完全复制过去粘贴到你的CSS中就OK了。另外还需要注意的时候,发图片的时候用复制的方法把图片贴过来,不能用图片工具再输入地址的方法发图。为什么要这样呢?因为这个代码是在 a:hover状态下定义的,也就是必须要在鼠标移动到连接中的图片上时才会有效果。所以采用复制图片的方法来贴图。
如果觉得不会使用PS,或是每次发图都用图片处理工具去处理太麻烦,那么建议大家在图片效果里给它定义一个图片边框样式的效果,发出的图片会自动添加一个灰色的边框效果。
#m_blog div.cnt img{border:3px solid #eee;} /*这个是图片元素加边框效果的定义*/
#m_blog div.cnt a:hover img{border:3px solid #cdcdcd;filter:alpha(opacity=50)} /*这个就是刚刚介绍的鼠标放在图片上图片变淡效果,另外并让边框的颜色也变淡一些*/
|