当前位置:七道奇文章资讯网站建设网站美工
日期:2009-12-23 11:18:00  来源:本站整理

css使网页图片半透明[网站美工]

赞助商链接



  本文“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使网页图片半透明[网站美工]”的内容,如果你对以上该文章内容感兴趣,你可以看看七道奇为您推荐以下文章:

  • css使网页图片半透明
  • 本文地址: 与您的QQ/BBS好友分享!
    • 好的评价 如果您觉得此文章好,就请您
        0%(0)
    • 差的评价 如果您觉得此文章差,就请您
        0%(0)

    文章评论评论内容只代表网友观点,与本站立场无关!

       评论摘要(共 0 条,得分 0 分,平均 0 分) 查看完整评论
    Copyright © 2020-2022 www.xiamiku.com. All Rights Reserved .