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窗口.设置如图:



图1

3:点ok,弹出一个大窗口style definition for .clarity,我们按照下图设置.



图2

大概你已经注意到了Alpha(Opacity=?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?)这一段代码,里面有很多问号,这需求我们去用参数来替换它,不要看到代码就怕,无非就几个意思,理解后不就那么一回事嘛.

　　以上是“css使网页图片半透明[网站美工]”的内容，如果你对以上该文章内容感兴趣，你可以看看七道奇为您推荐以下文章：