background属性?

<style type="text/css">
body{
	background: yellow;
}
span{
	
	color: #F00;
}
#id1
{
	background-color: black;      /*这个属性同时只能用一个吗?*/
	background-color: transparent;

}
#id2
{
	background-color: #cccccc;
}
#id3
{
	background-color: pink;
}
</style>
</head>
<body>
<div id="id1">
     <span>加速世界1</span>
</div>
<div id="id2">
     加速世界2
</div>
<div id="id3">
     加速世界3
</div>
</body>

怎么给id1背景设颜色的同时,设置透明?

错过了年华
浏览 1979回答 3
3回答

guoyou

设置背景颜色透明有三种方法1.css3解决:兼容性不够好background-color:rgba(0,0,0,0.5);  //#000  黑色rgb值    0.5位alpha  透明度2.设置背景颜色,加透明度:此方法整个块包括里面的内容都会半透明background-color:#000; opacity:0.5;//半透明 filter:alpha(opacity=50);//兼容处理3.用图片,半透明的png图片,

guoyou

background-color: transparent;是完全将背景设置成透明了,我一般用来清除默认背景,比如表单元素

Himushroom

任何属性都只能在同一类名或ID名下设置一次,如果设置多次则以最后一次为准,需要设置透明度可以选择使用opacity,按需要设置透明度即可
打开App,查看更多内容
随时随地看视频慕课网APP