Dreamweaver使用技巧－－让css使网页图片半透明
作者：歌手 发布时间：2010-09-05 21:13:00
你用过css么？当然，我是指你喜欢做网页的话，用过？很好，那你用过它的特效么？没有？那请跟我来。
让我先通俗的介绍一下css，css不属于html，它属于html的辅助语言，在没有css之前，网页是静态的，但自从有了css 后，网页制作的历史就要重写了，css能给网页加入许多你想象不到的动态效果，这也是其中一点而已，因为css中有很多特效，例如我们今天讲的利用css使图片变透明。
也许你会问，GIF图片不是能透明吗？那干嘛还那么麻烦，嘿嘿，GIF是可以透明，但可以半透明么？那很明显是不行的，但css就可以。想学就跟我来。
如果是完全变透明，那么它的意义不大，重要的是它可以令图片半透明，嘿嘿，还不明白么？既然是半透明，学过photoshop的人都应该知道，半透明了，就可以半遮半掩的显示图片下面的元素！我们利用这一点可以做很多效果哦，例如类似烟雾效果啦，当然，如果你肯动动脑筋，更精彩的效果可能都能做的出来。我们今天只讨论如何在Dreamweaver 4中设置与使用这种特效。
Ok，我们现在开始，前提是你得打开Dreamweaver 4，下面是设置步骤：没用过这个工具？晕！快下载一个吧。
1：在Dreamweaver 4中点windowàcss styles(或按键盘的shift+f11),调出css styles窗口。
2：在css styles窗口中，单击右下角的加号，弹出new style窗口。设置如图：
3：点ok，弹出一个大窗口style definition for .clarity，我们按照下图设置。
也许你已经注意到了Alpha(Opacity=?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?)这一段代码，里面有很多问号，这需要我们去用参数来代替它，不要看到代码就怕，无非就几个意思，了解后不就那么一回事嘛。要得到好的效果，那么这些用来代替问号的参数可不能马虎，先看看每一样参数的意思我们再继续。
（1）：“Opacity”代表透明度水准，范围是0---100，其实就是百分比的意思，如果你想变为全透明，那么就用0代替Opacity后面的问号吧。
（2）：“FinishOpacity”就是用来指定结束时的透明度，范围跟Opacity一样（FinishOpacity为可选参数，不想要的话就去掉它吧。
（3）：“Style”是指定透明区域的形状特征，0代表统一形状，1代表线形，2代表放射形，3代表长方形。比如我们一般可以写成Style=1。
（4）“startX”与”startY”就是代表渐变效果开始的X与Y坐标，（坐标应该知道是什么吧）一般我们设置为StartX=0, StartY=0（这样就是表示的透明效果是从图片的左上角开始的。）
（5）“FinishX”与“FinishY”当然，这个就是代表渐变效果结束时的横纵坐标了，这里很关键，填什么数值那就要看你的图片的高与宽了，假设我们的图片高与宽分别是100、200像素，那么就可以写成FinishX=200， FinishY=100。（如果你只想要一半的面积是透明，那么可以设置成FinishX=100， FinishY=50）
0
投稿猜你喜欢
- 大家一定使用过 phpmyadmin 里面的数据库导入，导出功能，非常方便。但是在实际应用中，我发现如下几个问题：1、数据库超过一定尺寸，比
- 关于建立索引的几个准则：1、合理的建立索引能够加速数据读取效率，不合理的建立索引反而会拖慢数据库的响应速度。2、索引越多，更新数据的速度越慢
- 经常在工作中会使用到XPath的相关知识，但每次总会在一些关键的地方不记得或不太清楚，所以免不了每次总要查一些零碎的知识，感觉即很烦又浪费时
- 在asp里通过以下两个函数实现javascript里的escape函数和unescape函数加密功能。在ajax post或get时内容存在
近段时间看了一些论坛上面关于分页的ASP程序依然有许多的关注者，但里面只有代码，没有详细的解释，对于初学者来说，这样总是得不到真正的掌握，此- 要使用request对象的ServerVariables属性，通过它来获得环境变量的值。使用的语法为：Request.ServerVaria
- /* 功能： 通用分页存储过程 参数： @PK varchar(50), 主键，用来排序的单一字段，空的话，
- 早就想用一个系列的文章来写AJAX,让自己头到尾理一遍,更好的掌握基础知识(昨天的面试受打击了,基础知识很重要).要是写的好,也许也可以帮助
- 通过锁机制，可以实现多线程同时对某个表进行操作。如下图所示，在某个时刻，用户甲、用户乙、用户丙可能会同时或者先后(前面一个作业还没有完成)对
- 虽然今年名义上已经不再管人了，但也不得不掺和进很多人事，这里想简单说说，即使不能帮助这个行业的从业者规划职业道路，也算是把之前摸过的路小结一
- 然而，微软sql server在处理这类索引时，有个重要的缺陷，那就是把本该编译成索引seek的操作编成了索引扫描，这可能导致严重性能下降
- 1. 首先，你需要安装最新的服务包为了提高服务器安全性，最有效的一个方法就是升级到SQL Server 2000 Service Pack
- 数据库，网站运营的基础，网站生存的要素，不管是个人用户还是企业用户都非常依赖网站数据库的支持，然而很多别有用心的攻击者也同样非常&l
- 黑体是视觉设计师常用的一款字体，特别是针对广告的 Banner 等。根据 * 的相关介绍，有关黑体的定义可以认为:黑體与白体
- LearningjQuery.com 博客帖子列表的左边有一个很酷的日期，如图：从图中我们看到，“2009”垂直排列在右侧。用Firebug
- 14个超酷的js显示时间效果,一定有你想要的。正常时间显示运行效果图：<title>正常显示的时钟 - asp之家 - http
- 经常写一些联合查询，联合一多了，代码就成倍的增加，时间一长，连我自己也看不懂到底是什么意思了。做Oracle 的时候，就看到有个 WITH,
- 流动网页设计有很多好处，但也只有在正确使用的时候。合适的技巧会使页面在大屏幕、小屏幕抑、ＰＤＡ小屏幕上都能得到良好的呈现。但是，糟糕的代码结
- 1.将以下代码加入到HEML的<body></body>之间<SCRIPT language=jav
- 栅格系统的形成1692年，新登基的法国国王路易十四感到法国的印刷水平强差人意，因此命令成立一个管理印刷的皇家特别委员会。他们的首要任务是设计
