成都网站建设设计

将想法与焦点和您一起共享

zblog透明主题背景 zblog博客主题

网站建设里 设置背景色为透明的属性是什么

在CSS中有一个Alpha滤镜,这个滤镜可以设置目标元素的透明度。还可以通过指定坐标,从而实现各种不同范围的透明度。具体语法如下:

创新互联公司主营前锋网站建设的网络公司,主营网站建设方案,成都app软件开发公司,前锋h5重庆小程序开发搭建,前锋网站营销推广欢迎前锋等地区企业咨询

{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:transparentborder-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,黑色

怎么在网易博客里面加入透明背景flash啊?

打开博客,把鼠标指向左上角的“——装扮博客——设置首页内容——添加自定义模块

详细介绍:如何使用HTML自定义代码

参考资料:FL版---网易博客秘籍

请问,我的博客文章区域怎么弄才会全透明?

添加多首背景音乐:

设置透明背景图:

在空间顶部加入图片:

宣传百度空间的6种方法:

空间的名称如何用艺术字?:

让自己的空间下雨:

如何在"其它"下面加上图片:

为评论和链接加上图片:

如何让你的浏览器滚动条变色:

让空间自动弹出对话框:

自制闪字空间名称:

去掉文章题目下划线:

给链接添加背景色效果代码:

如何插入多处背景图片:

空间常用特殊符号介绍:

如何改变空间名称的效果:

在BLOG里加时钟和挂件:

边框的设置:

屏蔽你认为多余的栏目的方法:

给空间首页添加翻页按钮:

空间的CSS运用的三种方式:

字体修改之光晕字体:

如何修改百度空间的鼠标样式:

更换空间主体背景及文章背景:

把QQ空间里的鼠标弄到百度:

隐藏播放器而不影响音乐播放:

在你的空间显示IP地址的代码:

如何自定义空间背景图片:

专栏分割线的代码修改方法:

为友情链接增加一个滚动条:

教你如何制作个性化的标题栏:

空间模块移动+文字快速链接:

让你的空间半透明:


网页题目:zblog透明主题背景 zblog博客主题
分享URL:http://chengdu.cdxwcx.cn/article/ddesodh.html