html - 如果 div 是透明的，则使边框不透明

Question

是否有一些 CSS 方法可以使 div 透明，但边框不透明？

HTML:

<div class="ts-twentytwelve-description">into quality solutions</div>

CSS:

border-left: 9px solid #fff;
border-right: 9px solid #fff;
background-color: black;
opacity: 0.86;
filter: alpha(opacity=86);

Answer 1

你可以这样做:

.ts-twentytwelve-description {
border-left: 9px solid #fff;
border-right: 9px solid #fff;
background-color: rgba(0,0,0,.86);
}

使用 background-color:rgba(value) 可以仅为背景色添加不透明度。对于 IE，你有 generator here