扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
在CSS中有一个Alpha滤镜,这个滤镜可以设置目标元素的透明度。还可以通过指定坐标,从而实现各种不同范围的透明度。具体语法如下:
创新互联主要从事成都网站建设、网站建设、网页设计、企业做网站、公司建网站等业务。立足成都服务中站,10余年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18982081108
{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
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,黑色
这是网站图标的格式,可以用一些在线的工具来制作比较方便快捷,比如这个在线的图标制作工具,就可以很轻松制作了,他可以选择不同的图标尺寸,以及不同用途的图标的类型,还能选择输出不同的图标格式,挺方便可以尝试。然后你要让程序猿把图标文件放到应用里面打包或者放到服务器某个路径下就可以显示了。在线ICO图标制作生成,图片转换ICO图标
图片转换ICO图标Pro版步骤
一、点击或者拖拽到上传框中,即可上传你要转换的图片,直接将新图片拖入上传框即可更换图片。目前已知支持jpg、png等多种常见的图片格式,如果上传图片并转换ico图标成功,则代表支持该格式。
二、此时预览框中会出现刚刚上传的图片,可以任意缩放拖拽裁剪框,选择你想要截取并转换ico图标的区域。在拖拽缩放裁剪框的过程中,左上方会有ico图标效果的实时预览。
三、选择需要生成的ico图标的尺寸,主要提供宽高为16、32、48、64、128、256、512的尺寸以供选择。通常的ico图标基本都是32、64或者128像素的。
四、选择生成的ICO图标的类型,默认为普通网站ICO图标,也就是可以在web应用中使用的ICO图标;也可以选择Windows系统桌面标准格式ICO图标类型,这种类型的ICO图标可以作为Windows桌面图标等。
五、选择生成的ICO图标的编码格式,默认为不透明背景,适用于非镂空图片生成ico,这种格式的ICO文件最小;透明背景的ICO图标,指的是将原本存在透明背景的图片生成背景透明的ICO图标,文件较大。
六、选择转换生成的ico图标的文件格式,默认的格式是.ico,并且有.jpg和.png格式可以选择。需要注意的是,ico图标一般都是背景镂空透明的图形,只有.ico和.png格式支持透明背景的图片,而.jpg格式的图片本身是不支持的。
打开博客,把鼠标指向左上角的“——装扮博客——设置首页内容——添加自定义模块
详细介绍:如何使用HTML自定义代码
参考资料:FL版---网易博客秘籍
添加多首背景音乐:
设置透明背景图:
在空间顶部加入图片:
宣传百度空间的6种方法:
空间的名称如何用艺术字?:
让自己的空间下雨:
如何在"其它"下面加上图片:
为评论和链接加上图片:
如何让你的浏览器滚动条变色:
让空间自动弹出对话框:
自制闪字空间名称:
去掉文章题目下划线:
给链接添加背景色效果代码:
如何插入多处背景图片:
空间常用特殊符号介绍:
如何改变空间名称的效果:
在BLOG里加时钟和挂件:
边框的设置:
屏蔽你认为多余的栏目的方法:
给空间首页添加翻页按钮:
空间的CSS运用的三种方式:
字体修改之光晕字体:
如何修改百度空间的鼠标样式:
更换空间主体背景及文章背景:
把QQ空间里的鼠标弄到百度:
隐藏播放器而不影响音乐播放:
在你的空间显示IP地址的代码:
如何自定义空间背景图片:
专栏分割线的代码修改方法:
为友情链接增加一个滚动条:
教你如何制作个性化的标题栏:
空间模块移动+文字快速链接:
让你的空间半透明:
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流