首页
|
资讯
|
商城
|
产品大全
|
笔记本
|
手机
|
数码
|
硬件
|
办公
|
驱动下载
|
信息化
|
学院
|
IT女性
|
游戏
|
论坛
eNet学院俱乐部

eNet学院俱乐部 » 其他设计 » Dreamweaver及网页制作 » 半透明的网页图像

 
复制地址，推荐给QQ/MSN上的好友 | 打印 | 推荐 | 订阅到抓虾 | 收藏
标题: [DW制作技巧] 半透明的网页图像
jiaojiao0520
中士
Rank: 6Rank: 6Rank: 6



UID 2343766
精华 0
积分 1076
帖子 86
威望 432
积分 10
阅读权限 60
注册 2007-6-2
状态 离线
#1
发表于 2007-6-9 17:24  资料 短消息 
半透明的网页图像

也许大家会问，GIF图片不是能透明吗？但是GIF可以半透明吗？很显然是不能的。如果是完全变透明，那么它的意义不大，重要的是它可以令图片半透明。既然是半透明，学过PhotoShop的人都应该知道，半透明了，就可以半遮半掩地显示图片下面的元素。现在我们就通过Dreamweaver MX 2004中CSS样式的【扩展】属性来制作这样效果。
操作步骤：
     （1）打开Dreamweaver MX 2004，新建一个HTML网页文档，保存该文档。
     （2）选择菜单【修改】、【页面属性】弹出“页面属性”对话框，从该“页面属性”窗口的左侧【分类】列表中选择外观项，同时点击右侧【背景图像】文本框后的【浏览】按钮，从本书配套光盘中/第4章/Dreamweaver/sc/0018.jpg，选择为背景图像。

（3）按快捷键Shfit+F11打开【CSS样式】面板，在CSS样式窗口中，单击右下角的【新建CSS样式】按钮 新建一个CSS样式，在弹出的窗口中设置【名称】为.bantouming，【选择器类型】为类（可应用于任何标签），【定义在】为仅对该文档。

（4）单击【确定】按钮，在CSS样式定义的窗口中，选择左侧【分类】列表中的“扩展”项。在右侧的定义窗口中，设置【滤镜器】为Alpha（Opacity＝40，FinishOpacity＝50，Style＝1，StartX=0，StartY＝1，FinishX＝200，FinishY＝100）。

（5）选择菜单【插入】、【图像】命令，或者直接单击常用工具栏上的【插入图像】按钮，从本书配套光盘中/第4章/sc/xiongmao.gifc插入图像。在图像的【属性检查器】中【类】选择为.bantouming。

（6）至此完成半透明网页图像制作。保存页面，按F12预览。


[ 本帖最后由 老鼠爱猫猫 于 2007-6-19 15:31 编辑 ]
顶部
[广告] 注意：下载附件需要消耗积分
何首乌
列兵
Rank: 2Rank: 2



UID 2364489
精华 0
积分 267
帖子 17
威望 54
积分 0
阅读权限 20
注册 2007-6-15
状态 离线
#2
发表于 2007-6-19 17:25  资料 短消息 
这种半透明的,我一直做不出来的.
顶部
[广告] 注意：下载附件需要消耗积分
雪域仙子
元帅
Rank: 22Rank: 22Rank: 22Rank: 22


UID 606577
精华 0
积分 550428
帖子 363
威望 14428
积分 -1
阅读权限 100
注册 2006-9-16
状态 离线
#3
发表于 2007-6-26 13:38  资料 短消息  QQ
不错的帖子，帮你顶一下，哈哈哈




[img]
顶部
[广告] 注意：下载附件需要消耗积分
 


当前时区 GMT+8, 现在时间是 2008-11-19 13:30


Powered by Discuz! 5.0.0  © 2001-2006 Comsenz Inc.
Processed in 0.056266 second(s), 17 queries , Gzip enabled
TOP

清除 Cookies - 联系我们 - 硅谷动力网络学院 - Archiver - WAP