css為圖片添加一層蒙版並在上層顯示文字等

效果圖：

代碼如下：

<div class="row" style="width:100%; position:relative;z-index:1;margin:0 auto; background: #000;">
    <img src="~/images/touxiang.jpg" style="width:100%; opacity:0.6; filter: alpha(opacity=60);"/>
    <div style="width:100%;position:absolute;z-index:2;top:50%; text-align:center;">
        <h2 style="color:#fff">文字浮動在圖片上方</h2>
    </div>
</div>