让css使网页图片半透明
让css使网页图片半透明,让css使网页图片半透明
& 　　你用过css么？当然，我是指你喜欢做网页的话，用过？很好，那你用过它的特效么？没有？那请跟我来。　　让我先通俗的介绍一下css，css不属于html，它属于html的辅助语言，在没有css之前，网页是静态的，但自从有了css 后，网页制作的历史就要重写了，css能给网页加入许多你想象不到的动态效果，这也是其中一点而已，因为css中有很多特效，例如我们今天讲的利用css使图片变透明。　　也许你会问，图片不是能透明吗？那干嘛还那么麻烦，嘿嘿，GIF是可以透明，但可以半透明么？那很明显是不行的，但css就可以。想学就跟我来。　　如果是完全变透明，那么它的意义不大，重要的是它可以令图片半透明，嘿嘿，还不明白么？既然是半透明，学过photoshop的人都应该知道，半透明了，就可以半遮半掩的显示图片下面的元素！我们利用这一点可以做很多效果哦，例如类似烟雾效果啦，当然，如果你肯动动脑筋，更精彩的效果可能都能做的出来。我们今天只讨论如何在 4中设置与使用这种特效。Ok，我们现在开始，前提是你得打开Dreamweaver 4，下面是设置步骤：1：在Dreamweaver 4中点windowcss styles(或按的shift+f11),调出css styles窗口。2：在css styles窗口中，单击右下角的加号，弹出new style窗口。设置如图：图13：点ok，弹出一个大窗口style definition for .clarity，我们按照下图设置。图2　　也许你已经注意到了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）给下面一个完整代码的给你们参考：（下面的数值我是假设图片高与宽分别是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，如图指明处：图34：在Dreamweaver 4选中你插入的图。5：用单击上图3的指明处。6：大功告成，你可以按键盘的f12来预览了（注意，这种特效在编辑状态下是不可见的，一定要预览才可见。怎么样，图片是不是变的半透明了？这教程只起到抛砖引玉的作用，说到底还是要大家掌握了方法后能举一反三。&
来源:https://www.tulaoshi.com/n/4238.html
点击查看更多与《》相关的文章>>
我们经常在一些图片上会看见文字水印，大家是不是很好奇这些水印在PS里怎么将水印制作上去的。现在图老师就教大家使用Photoshop制作图片字体透明水印。
使用图片和CSS结合制作动画按钮,使用图片和CSS结合制作动画按钮
一张图片暗沉暗沉的，图片效果看起很不舒服。怎样使用PS将图片打造出通透感呢？看PS教程，图老师简单几步教你使用PS将图片打造出通透感。
用CSS控制网页总体风格,用CSS控制网页总体风格
用相机照相的时候，再完美的摄影技术，在出成品的时候始终是需要PS做后期处理。相机照不出边框透明的感觉，但PS可以。如何用PS在图片里将边框变透明呢？
使用电脑的时候常常会碰上各种各样的病毒或者恶意插件，弄的我们的电脑可以上网却无法显示页面中的图片，不过大家放心，小编会告诉大家解决方法哦！一起来看看吧！
热门搜索：
怎样设置无法拷贝U盘文件
PS简单调色教程 图老师教你打造温暖阳光午后效果
怎样使用PS给图片人物变脸
PS磨皮教程5个步骤快速解决 不丢纹理细节快速磨皮方法
慢阻肺是一种慢性阻塞性肺部疾病，常发于烟民，长期在有害气体环境下生活的人也有一定几率患病，慢阻肺早期会出现慢性咽炎、咳嗽等现象，针对不同时期的慢阻肺疾病，我们可以通过以下方法来缓解治疗。
一说到高钙血症很多人便会想起血栓结石等疾病，人们的普遍印象高钙血症即是由肿瘤及肾衰竭疾病引起，由于高钙浓度过高导致，除此之外还有很多原因会引发高钙血症疾病，接下来我们就一起来研究高钙血症引发的原因吧！
桂枝汤是一剂有效的解表剂，具有多种资料功效，常见的有感冒呕吐盗汗等现象。在服用桂枝汤期间，需要注意一些问题，通过以下内容我们一起来看看服用桂枝汤需要注意的一些问题。
今天韩国方面传出好消息，指Rain及金泰希将荣升父母，金泰希所属公司LUA娱乐宣布金泰希目前已怀孕15周的喜讯，并表示她在短时间内会集中在胎教上。喜讯一出获大批粉丝送上祝福。那么怀孕15周需要注意什么？怀孕15周可以同房吗？
Photoshop是我们办公和学习时经常用到一个修图软件，Photoshop是目前所有修图软件中最为强大的一个软件。我们可以用Photoshop制作一些图形或者图标。那么，怎样用Photoshop制作立体木盒图标呢？下面就一起来看看。
iPhone手机是现在人们日常生活中经常使用的一种通讯工具。而iPhone6s因为性价比较高被许多人喜爱着。但是在我们使用iPhone6s的过程中，有时候会出现一些问题，此时我们需要拆机检查修理。那么，iPhone6s如何拆机呢？下面就分享一下iPhone6s的拆机教程。
photoshop是我们日常工作中常见的一种修图工具，与其他修图软件相比，photoshop的功能非常强大。在用photoshop修图时，经常会需要给景点制造一些特殊的自然风光效果。那么，如何用photoshop给长城制造夕阳效果?下面就一起来看看吧。
2017年最受欢迎的生活服务APP！！生活服务类App的出现为日常生活带来极大便利，我们可以通过手机客户端预约各种家政服务，足不出户就能够享受实惠、便捷的生活服务，那么接下来我为大家推荐一些生活中必备生活app。
由于现在抢红包大热起来，很多app都开始支持发红包抢红包了，因此也出现了微信抢红包神器，可以自动抢微信红包,肯定比认为手动操作快,有消息就会自动打开,然后打开红包。今天就给大家分享2017微信自动抢红包神器大全。
2017手机赚钱软件排行榜！！很多朋友都在苦恼每天的钱不够话，空闲时间不知道怎么打发，总想寻找一种简单的赚钱方式，我们的手机app就有很多，下面具体给大家介绍手机赚钱软件有哪些，总有一款你中意的。
经常玩微信的朋友都知道，微信小程序已经全面上线了，对于小程序的出现是否会引发App变革众说纷纭，但不可否认的是小程序能够带给用户及产商一定的便利，那么今天为大家汇总目前上线的一些实用小程序。
男女交往一直都是人们比较关注的一个问题，都说相爱容易，相处不易，交往过的朋友应该都能深刻的体会到，女生常常抱怨着让男生理解自己，但男生也希望多体谅一下他们。尤其不要老是问一些无法回答的问题来考验他们。
很多朋友都信风水一说，对于自己家里房屋客厅的装修也是有一定要求的，因为客厅的风水关系着整个家居的运势，更关系着主人的财运与健康，因而客厅里的风水禁忌是需要我们谨慎注意的，那么风水学中客厅风水禁忌有哪些呢？
春天已经来临了，夏天也不远了，新的一才刚刚开始，时尚爱美的美眉们最关注的就是春夏服装设计的流行趋势了，早早的把握住时尚趋势走在流行的最尖端，今天就给大家整理分享2017春夏女装设计流行趋势 ，你绝对不能错过的亮点。图片两侧透明，用PS这样的效果怎么做(有参考图)_百度知道
图片两侧透明，用PS这样的效果怎么做(有参考图)
我有更好的答案
jpg" esrc="http打开图片，新建一层.jpg" />& &你好，我拉出来的怎么是这样子的。2边没有虚感
两边的不透明度要调整成0
采纳率：67%
来自团队：
白色图层 也就是文字背景 调低透明度 然后建立蒙板 用黑色空心画笔 调整透明度至10~20%在蒙板上涂抹即得如果哪里不清楚 请追问 因为不知道你基础如何。。。
新建个图层
用渐变工具
两头透明度低
不行啊， 拉出来的2边没有虚感
为您推荐：
其他类似问题
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。如果您喜欢『PS学习网』，请推荐给您身边的朋友！本站永久域名：www.ps-xxw.cn
PS制作透明玻璃效果的网站主页图片
来源：网络作者：网络时间： 21:29:00点击：
玻璃网页其实跟玻璃的制作一样。重点是把边缘及中间的高光渲染出来，比较规则的图形直接用图层样式做出初步的质感，再增手工增加一些高光等即可。其它部分可以按自己需要添加。最终效果
一、新建一个800 * 600像素的文件，背景颜色任意。打开模板素材，拖进来，效果如下图。
二、给木纹图层添加图层样式，选择内阴影，参数及效果如下图。
三、选择&圆角矩形工具&，半径设置为5像素。
四、在画布中心位置拉出下图所示的圆角矩形。
五、给圆角矩形设置图层样式，分别设置混合选项、内阴影、渐变叠加，参数及效果如下图。
六、把当前图层复制一层，按Ctrl + T 稍微缩小一点，比原图形少两个像素左右。
七、先清除当前图层样式后再设置新的样式，参数及效果如下图。
[标签: , , , , , ] [] []
&&PS学习网是一个专业的学习交流Photoshop的网站，本站致力于向广大PS爱好者提供一个学习与交流的平台，想要学习提高自己的PS水平，马上从这里开始吧…&&&&&&&&&&看到一个不错的图
这种透明效果怎么做出来的啊
求解_ps吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：2,549,258贴子：
看到一个不错的图
这种透明效果怎么做出来的啊
2017超火的三国策略游《极速体验入口》
不知道怎么做的 只是刚好有这个图
看答案来的
来看大婶解答
登录百度帐号推荐应用}