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

時間 2019-11-06

標籤 css 圖片添加一層上層顯示文字欄目 CSS 简体版

原文原文鏈接

效果圖：spa

代碼以下：3d

<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>