网络编程
位置:首页>> 网络编程>> 网页设计>> Dreamweaver使用技巧--让css使网页图片半透明(2)

Dreamweaver使用技巧--让css使网页图片半透明(2)

作者:歌手  发布时间:2010-09-05 21:13:00 

标签:Dreamweaver,技巧

给下面一个完整代码的给你们参考:(下面的数值我是假设图片高与宽分别是100、200像素)

Alpha(Opacity=25, FinishOpacity=50, Style=1, StartX=0, StartY=1, FinishX=200, FinishY=100)

4:ok,这时候你应该做的是把你想要的数值把那些讨厌的问号替换掉,设置好这些参数后,就点击ok。设置的步骤到此就算完成了,但设置完了不代表我们就做完了,我们还要把这个效果赋予图片呢。下面介绍如何使用的步骤。

1:在Dreamweaver 4插入一图,假设高为100,宽为200单位是像素(为了能看到效果,我们可以把网页的背景设为红色等鲜明的色彩。

2:再次调出css styles窗口(参见设置步骤1)

3:在css styles窗口中,应该有个clarity,如图指明处:


图3

4:在Dreamweaver 4选中你插入的图。

5:用鼠标单击上图3的指明处。

6:大功告成,你可以按键盘的f12来预览了(注意,这种特效在编辑状态下是不可见的,一定要预览才可见。

怎么样,图片是不是变的半透明了?这教程只起到抛砖引玉的作用,说到底还是要大家掌握了方法后能举一反三。

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com