是否有一些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);
答案 0 :(得分:2)
你可以这样做:
.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
答案 1 :(得分:0)
试试这个:
div {
background-color: rgba(0, 0, 0, .5); // or transparent
border-color: #fff;
}
修改强>
您可以使用此解决方案:
<div class="border_div">
<div class="content_div">
your content here
</div>
</div>
.border_div {
border: 5px solid #fff;
}
.content_div {
opacity: .86;
}
答案 2 :(得分:0)
这是一个有效的jsfiddle:http://jsfiddle.net/q4XVZ/2/
CSS:
.ts-twentytwelve-description {
border-top: 1px solid #000;
border-left: 9px solid #000;
border-right: 9px solid #000;
border-bottom: 1px solid #000;
background-color: transparent;
opacity: 0.86;
filter: alpha(opacity=86);
}
HTML:
<div class="ts-twentytwelve-description">into quality solutions</div>