CSS:
<style>
#bubble{
position: absolute;
width: 100px;
height: 100px;
background-color:rgb(0,200,200);
filter:alpha(opacity:30);
opacity:0.3;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
z-index: 9999;
}
</style>
或
<style>
.bubble{
position: absolute;
width: 100px;
height: 100px;
background-color:rgba(0,200,200,0.3);
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
z-index: 9999;
display: none;
text-align: center;
color: rgb(0,0,0);
}
</style>
DIV:
<div id="bubble"></div>
效果:
注:使用"rgba"设置背景及透明度,文字不透明