background透明属性,css background透明度
前端怎么将一个div设置成透明的呢?
为div设置样式,opacity是设置透明度的,取值为0-1。想要透明,就是将opacity设置为0即可
网站建设里 设置背景色为透明的属性是什么
在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
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,黑色
chartcube怎么透明
这个是在Chart下的background属性,默认就是白色,可以设置为空,即为透明,代码如下:
chart = new Highcharts.Chart({
chart: {
renderTo: 'container',//div 标签
type: 'line',//图表类型
backgroundColor:"",//图表背景色
},
....
}
background有哪些属性?
background-attachment:scroll | fixed scroll:背景图像是随对象内容滚动。 fixed:背景图像固定。background-color:transparent | color transparent:背景透明色。 color:指定颜色、background-image:none | url none:无背景图。 url:使用绝对或相对地址指定背景图像。background-position : length || length length : 百分数 | 由浮点数字和单位标识符组成的长度值。
background-position : position || position position : top | center | bottom | left | center | right
background-positionX : length | left | center | right length : 百分数 | 由浮点数字和单位标识符 组成的长度值。 left : 居左 ,center : 居中 ,right : 居右
background-positionY : length | top | center | bottom length : 百分数 | 由浮点数字和单位标识符组成的长度值。left : 居左 ,center : 居中 ,right : 居右
background-repeat : repeat | no-repeat | repeat-x | repeat-y repeat : 背景图像在纵向和横向上平铺,no-repeat : 背景图像不平铺,repeat-x : 背景图像在横向上平铺,repeat-y : 背景图像在纵向平铺
html background-color如何设置为透明
html background-color设置为透明的方法如下:
html
head
title透明表格/title
/head
body background="图片"
table border="0"
tr
td style="background-color:#336699;filter:Alpha(opacity=50)"表格内容/td
/tr
/table
/body
/html
background是用于在一个声明中设置所有背景属性的一个简写属性。
背景 (background) 属性定义元素的背景效果
元素的背景区包括前景之下直到边框边界的所有空间。因此,内容框与内边距都是元素背景的一部分,且边框画在背景上。
CSS 允许应用纯色作为背景,也允许使用背景图像创建相当复杂的效果;CSS 在这方面的能力远远在 HTML 之上。
background 是用于在一个声明中设置所有背景属性的一个简写属性。
格式: background: {属性值}
继承性: NO
可能的值:
background-color
background-image
background-repeat
background-attachment
background-position