Dreamweaver使用技巧--让css使网页图片半透明(2)
作者:歌手 时间:2010-09-05 21:13:00
给下面一个完整代码的给你们参考:(下面的数值我是假设图片高与宽分别是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,如图指明处:
![](https://img.aspxhome.com/file/UploadPic/20072/200723112958629.jpg)
图3
4:在Dreamweaver 4选中你插入的图。
5:用鼠标单击上图3的指明处。
6:大功告成,你可以按键盘的f12来预览了(注意,这种特效在编辑状态下是不可见的,一定要预览才可见。
怎么样,图片是不是变的半透明了?这教程只起到抛砖引玉的作用,说到底还是要大家掌握了方法后能举一反三。
标签:Dreamweaver,技巧
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
html风格tooltip效果的实现
2010-04-08 13:00:00
历数Firefox2.0对XML处理的改进
2007-11-27 12:41:00
![](https://img.aspxhome.com/file/UploadPic/200711/27/20071127125113381s.jpg)
1500个绚丽主题 谷歌中国个人风格首页发布
2008-11-12 11:14:00
![](https://img.aspxhome.com/file/UploadPic/200811/12/1555350-62s.jpg)
趣用文化元素
2009-09-03 11:53:00
![](https://img.aspxhome.com/file/UploadPic/20099/3/0909-using_culture_elements-01-12s.jpg)
使用SQL语句 INNER JOIN 联接表
2008-04-27 20:31:00
![](https://img.aspxhome.com/file/UploadPic/20084/27/sql_15s.gif)
建立用户体验过程的实用指南
2007-11-19 12:53:00
利用sort()和Math.random()实现元素的随机排列
2010-10-19 12:42:00
JavaScript面向对象的简单介绍
2008-06-27 12:37:00
ASP之对象总结
2008-02-27 13:18:00
兼容FF的图片切换代码
2009-09-26 20:15:00
有效防止ASP木马上传运行—小知识[网络安全技术]
2011-03-06 11:15:00
ie7.0浏览器 兼容问题苦煞网站设计者
2007-08-08 17:11:00
[翻译]标记语言和样式手册 Chapter 15 为body指定样式
2008-02-21 12:36:00
![](https://img.aspxhome.com/file/UploadPic/20082/21/200822112504606s.jpg)
如何使用图片精灵优化你的网站
2009-07-21 11:35:00
![](https://img.aspxhome.com/file/UploadPic/20097/21/how_to_image_sprites-95s.jpg)
Oracle数据库系统紧急故障处理方法
2010-07-26 12:57:00
用ASP判断客户端浏览器语言自动跳转
2010-07-09 13:34:00
asp一个空间绑定N个域名的方法!
2009-03-08 18:32:00
教你快速掌握更改表中列顺序的好方法
2008-11-27 17:14:00
使用模板实现ASP代码与页面分离
2008-09-12 16:07:00
关于INDEX SERVER+ASP建立查询引擎的一点心得
2008-03-02 15:56:00