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