背景透明，文字不透明

CSS

<style type="text/css">
.elem {
    width: 300px;
    height: 350px;
    position: relative;
}
.elem-show {
    width: 100%;
    height: 100%;
}
.elem-act {
    width: 100%;
    position: absolute;
    top:0;
    bottom:0;


    background-color: rgba(0,0,0,.5);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#76000000,endColorStr=#76000000);

    color:#fff;
    text-align: center;
}
</style>

HTML

<div class="elem">
    <div class="elem-show">
        <h3>腾讯 Web UI 解决方案 QMUI Web —— 探索与沉淀</h3>
        <p>作者：李浩成（Kayo），腾讯广州研发部 UI 工程师。 经过长时间的打磨迭代，QMUI Web 作为腾讯广研 QMUI 团队的一个开源项目，正式发布到 Tencent Github。QMUI Web 是一个 Web UI 的解决方案，从零...</p>
    </div>
    <div class="elem-act">
        <br><br><br><br>
        <button class="btn btn-primary">测试</button>
        <br>
        <h1 class="text-center">测试</h1>
    </div>
</div>

显示效果