设置透明边框

当父元素设置透明后，子元素将会继承父元素的透明，以下是设置透明边框的方法

.main{
  width:300px.main{
  width:300px;
  height:300px;
  margin:0 auto;
  position:relative;
}
  
.bor_opa{
  width:300px;
  height:300px;
  background:#000;
  opacity:0.2; 
  filter:alpha(opacity=20);
  position:absolute;  
}
.content{
  width:280px;
  height:280px;
  background:#6F0;
  position:absolute;
  top:10px;
  left:10px; 
}

<div class="main">
  <div class="bor_opa"></div>
  <div class="content"></div>
</div>