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,如图指明处:


图3

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

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

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

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

标签:Dreamweaver,技巧
0
投稿

猜你喜欢

  • html风格tooltip效果的实现

    2010-04-08 13:00:00
  • 历数Firefox2.0对XML处理的改进

    2007-11-27 12:41:00
  • 1500个绚丽主题 谷歌中国个人风格首页发布

    2008-11-12 11:14:00
  • 趣用文化元素

    2009-09-03 11:53:00
  • 使用SQL语句 INNER JOIN 联接表

    2008-04-27 20:31:00
  • 建立用户体验过程的实用指南

    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
  • 如何使用图片精灵优化你的网站

    2009-07-21 11:35:00
  • 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
  • asp之家 网络编程 m.aspxhome.com