设为首页  
联系我们  
加入收藏  
网页制作 冲浪宝典 图形图像 操作系统 软件教学 编程开发 认证考试 安全技术 站长专区 文学驿站 娱乐天地 游戏天地 办公软件
文章搜索
您的位置: 首页 >> 文章首页 >> 网页制作 >> CSS >> 让css使网页图片半透明
精品推荐
CSS点击TOP10
·常用CSS大全
·DIV CSS网页布局实例解析:实现表格形式
·网页排版CSS教学
·网页特效代码:纯CSS制作的网页下拉菜单
·CSS中文教程
·改变IE的字体大小设置时,页面字体不发生改变,怎样实现?
·实现CSS图片边框效果的方法
·网页制作实例CSS用一张图片实现圆角
·让css使网页图片半透明
·网页制作小工具大全(下)
网页制作点击TOP10
·菜鸟架设动网论坛全教程
·网页模板的使用方法 (教程)
·网页对联广告代码效果大全
·初学者入门:如何学习网页制作?
·用JavaScript实现文件图片滚动效果
·常用CSS大全
·网页自动转向代码
·图片循环滚动完美解决
·JS表格排序新法
·DIV CSS网页布局实例解析:实现表格形式
精选专题

让css使网页图片半透明

作者: 来源:网络文章 时间:2006-9-24 10:50:29

让css使网页图片半透明(2)
给下面一个完整代码的给你们参考:(下面的数值我是假设图片高与宽分别是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来预览了(注意,这种特效在编辑状态下是不可见的,一定要预览才可见。

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

共2页 9 7 [1] [28 :>

让css使网页图片半透明 相关文章:
让css使网页图片半透明 相关软件:
特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
转载请注明来源:http://www.xgdown.com