背景透明，文字不透明

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>

显示效果