是否可以在CSS3中混合透明和纯色？

是的,您可以通过创造性地使用伪元素来取消颜色和透明度.例如,this fiddle demonstrates the following code(注意我已基于：after伪元素安排了所有内容)：

HTML

<div class="opBkg red op10">Red 10%</div>
<div class="opBkg red op50">Red 50%</div>
<div class="opBkg blue op80">Blue 80%</div>

相关的CSS

.opBkg {
  position: relative;
}

.opBkg:after {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

.red:after {
  BACkground-color: red;
}
.blue:after {
  BACkground-color: blue;
}
.op10:after {
  opacity: .1;  
}
.op50:after {
  opacity: .5;  
}
.op80:after {
  opacity: .8;  
}

您将拥有10个不透明度规则,无论您想要多种颜色,然后是总体的opBkg类来进行设置.