半透明背景怎么设置透明背景

怎么做半透明的背景？

在CSS中有一个Alpha滤镜，这个滤镜可以设置目标元素的透明度。

还可以通过指定坐标，从而实现各种不同范围的透明度。

具体语法如下： {filter: alpha(opacity=#opacity,finishopacity=#finishopacity,style=#style,startx=#startx,starty=#starty,finishx=#finishx,finishy=#finishy)} 具体参数含义如下： opacity 透明度。

默认的范围是从0 到 100，他们其实是百分比的形式。

也就是说，0代表完全透明，100代表完全不透明。

finishopacity 是一个可选参数，如果想要设置渐变的透明效果，就可以使用他们来指定结束时的透明度。

范围也是0 到 100。

style 指定透明区域的形状特征： 0 代表统一形状， 1 代表线形， 2 代表放射状， 3 代表矩形 startx 渐变透明效果开始处的 X坐标。

starty 渐变透明效果开始处的 Y坐标。

finishx 渐变透明效果结束处的 X坐标。

finishy 渐变透明效果结束处的 Y坐标。

以上的参数可以选用，可以只设置一个opacity 例如： {filter:alpha(opacity=50)} 这个就是半透明的设置，只要把{}中的代码加入到需要设置的模版中的{}的即可，记得与前面的代码之间要用";"间隔，不然设置是无效的 例如： 要设置模版区域背景的颜色（白色）+半透明 只要在 .modbox{} .modbl{} .modbc{} .modbr{} 中都设置background-color:white 这些就是模版背景设置的ID 然后再在.modbox,.modbl,.modbc,.modbr{}如果没有这个的话可以自己加一个 加入filter : alpha(opacity=80)就可以达到所有模版的背景都是半透明的效果了 如果希望像我这样只显示blog的背景，别的都全透明的话，那么就在别的模版中加入背景全透明的代码即可 background:transparent 这就是背景全透明的代码 不过这样的话，相关模版的主要区域是透明了，可是底下还会有一条颜色留着的，所以另外还要在 .modbl{} .modbc{} .modbr{} 中也加入背景全透明的代码，这样才能让模版区域完全透明，就像我现在的效果一样 另外这个参数目前只能用于背景色的设置，背景图片无法设置为半透明 例如： .modbox{padding:10px 10px 0 10px;background-color:#FFFFFF;border-left:1px solid #813533;border-right:1px solid #813533} .modbl{background:transparent;border-left:1px solid #813533;border-bottom:1px solid #813533;line-height:1px} .modbc{background:transparent;border-bottom:1px solid #813533;line-height:1px} .modbr{background:transparent;;border-right:1px solid #813533;border-bottom:1px solid #813533;line-height:1px} .modbox,.modbl,.modbc,.modbr{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto !important;width:100%} 红色字是关键设置，如果不想设置全透明的话，可以把.modbl{}.modbc{}.modbr{}三个中的background:transparent改成.modbox{}中的background-color:#FFFFFF，当然这里的#FFFFFF你可以换成自己喜欢的颜色，不过为了美观统一，建议这4个的颜色代码最好设置为一样的 附：#FFFFFF就是white，白色；#000000就是black，黑色 ID的代码： 个人档案#m_pro{} 空间标题栏#m_header{} 菜单栏是#tab{} 文章区域#m_blog{} 相册区#m_album{} 友情链接#m_links{} 文章分类#m_artclg{} 最新评论#ment{} 访问量区域m_info{} ...... 以上所有模块[除空间标题和菜单外]背后的大模块.stage{} 这就是几个大模块的ID，把全透明代码添加到其中想要设置全透明的ID{}内就可以了，如果没有你要设置的模块ID{}，就自己添加上去

怎么做透明背景

制作透明背景的图片 先将你的要的扣出来，将不要的删除掉，{注意你的背景层要是透明的哦！} 在Photoshop中您可以先使用指令“图像”→“模式”→“索引颜色”将图片转成256色，再使用指令FileExportGIF89a将图片输出成可含有透明背景的GIF图档，当然别忘了在该指令视窗中使用Photoshop的选色滴管将图片中的部份色彩设成透明色！在保存文件的时候不要选择保存或另存为，而是直接选“输出GIF”然后，选择透明色，如果你需要透明的部分都是白色就选白色，依次类推做图片时把背景图片隐藏调然后再Save for Web 就可以透明了。

怎么设置透明背景

1.在日志页面上点击（写日志） 2.点击那个红色图案 3.输入透明Flash地址 4.点自定义、（宽.800.px 高.800.px） 5.点设置为透明背景（Flash需支持） 6.背景位置（.0.px） 以上任何一步不正确都不会被显示 非主流制作组:独绣 签 参考资料： /