背景色的半透明设置
foxs吧
全部回复
仅看楼主
level 9
Magic林 楼主
注:所有内容都不是出自我手,我只是帮大家收集这些代码,为大家方便。 在你修改CSS之前 建议你先备份 否则无法恢复原始代码. 在你美化你空间的时候,别忘了帮我也踩踩 http://hi.baidu.com/foxs===========================================================================天涯 书塾 http://hi.baidu.com/fableking我找了一个关于CSS透明度的设置说明,我觉得他写的满清楚的我自己再做了一点点的修改在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)}这个就是半透明的设置,只要把{}中的代码加入到需要设置的模版中的{}的即可,记得与前面的代码之间要用";"间隔,不然设置是无效的例如:我要设置模版区域背景的颜色(白色)+半透明[就是我现在blog的效果]只要在.modbox{}.modbl{}.modbc{}.modbr{}中都设置background-color:white这些就是模版背景设置的ID然后再在.modbox,.modbl,.modbc,.modbr{}如果没有这个的话可以自己加一个中加入filter : alpha(opacity=80)就可以达到所有模版的背景都是半透明的效果了如果希望像我这样只显示blog的背景,别的都全透明的话,那么就在别的模版中加入背景全透明的代码即可background:transparent 这就是背景全透明的代码各模版ID请参照链接:百度空间CSS说明不过这样的话,相关模版的主要区域是透明了,可是底下还会有一条颜色留着的,所以另外还要在.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_blog{}空间标题栏
#m_header{}菜单栏是#
tab{}文章区域
#m_blog{}相册区#
m_album{}友情链接
#m_links{}文章分类#
m_artclg{}最新评论
#m_comment{}访问量区域#
comm_info{}以上所有模块[除空间标题和菜单外]背后的大模块.stage{}这就是几个大模块的ID,大家只要把全透明代码添加到其中想要设置全透明的ID{}内就可以了,如果没有你要设置的模块ID{},就自己添加上去,添加在空白处就可以了本人空间中,上面除了#m_blog{}外,都添加了全透明的代码
2006年07月23日 08点07分 1
level 0
复杂~
2009年02月08日 03点02分 2
level 1
Magic林 简称 脑 残 林?
2011年11月07日 08点11分 3
1