若隐若现的图片朦胧滤镜效果_冰河星矢

个人资料

微博

正文字体大小：大中小

若隐若现的图片朦胧滤镜效果

(2007-05-01 14:26:51)

分类：时尚潮流类爱美心皆有之

代码如下:(本文谢绝不负责任的转载）

一：博客首页添加代码：

<DIV>.</DIV><STYLE type=text/css>
a:hover img{filter:none;}/*带有链接的图片完整显示*/
a img{filter:alpha(opacity=100,style=2);}
</STYLE>

参数说明：

a:hover img →控制鼠标放上去后恢复正常效果。

a img →控制插入图片后显示朦胧的效果。

二：博客文章处添加此代码：

另附: 形象照片处头像朦胧效果代码:

<DIV>.</DIV><STYLE type=text/css>
a:hover img{filter:none;} /*带有链接的图片完整显示*/
.photo img{filter:alpha(opacity=100,style=2);}

.photo img{border:0px;} /*去除图片边框*/
</STYLE>

在博客首页添加方法：

１，控制面板----首页内容维护----定义空白模板----新建,创建模块标题，显示源代码粘贴代码--保存并返回；

２，控制面板----定制我的首页----点添加模块----点选创建好的模块标题---勾上并保存，移动新建面板位置--保存设置。做第二步的目的是将建立好的模块在博客个人首页里呈现出来

在发表文章处添加代码：

写完博客文章 → 点显示源代码 → 粘贴上述代码 →发表文章

鼠标放在上面的图片上查看效果！

博易天下冰河的博客每天都有不一样的精彩!

阅读┊ 收藏 ┊ 喜欢 ▼ ┊打印┊举报/Report