灰色濾鏡 覆蓋底圖

<div class="section6">
    <div class="container">

        <div class="hovereffect">

            <div class="overlay">

            </div>
            <div class="row">

                <div class="col-lg-3">
                    <h3>薪資系統</h3>
                    <ul>
                        <li>各項代碼設定作業</li>
                        <li>每月薪資處理作業</li>
                        <li>公保資料處理作業</li>
                        <li>不定期薪資處理作業</li>
                        <li>健保資料處理作業</li>
                        <li>歷史資料查詢處理作業</li>
                    </ul>
                </div>
                <div class="col-lg-3">
                    <h3>出納系統</h3>
                    <ul>
                        <li>貸款管理子系統</li>
                        <li>統一收據管理子系統</li>
                        <li>各項規費管理子系統</li>
                        <li>零用金管理子系統</li>
                        <li>保管品有價證券管理子系統</li>
                        <li>專戶管理子系統</li>
                        <li>支票管理子系統</li>
                    </ul>
                </div>
                <div class="col-lg-3">
                    <h3>財產系統</h3>
                    <ul>
                        <li>財產總目錄</li>
                        <li>各單位財產名錄清冊</li>
                        <li>查詢及報表作業</li>
                        <li>財產轉移作業</li>
                        <li>財產資料維護</li>
                        <li>建物作業管理</li>
                        <li>土地作業管理</li>
                    </ul>
                </div>
                <div class="col-lg-3">
                    <h3>人資系統</h3>
                    <ul>
                        <li>人力資源資料庫</li>
                        <li>簽到簽退子系統</li>
                        <li>差假申請子系統</li>
                        <li>費用申請子系統</li>
                        <li>管理維護</li>
                        <li>報表管理</li>
                    </ul>
                </div>
            </div>
        </div>

       
    </div>
</div>


.section6 {
    padding: 80px 0px;
    background-size: cover;
    position: relative;
    background-image: url(../../../Images/ksi/accounting_bg.jpg );
    background-position: center;
}



.hovereffect {
    width: 100%;
    height: 100%;
    cursor: default;
}

    .hovereffect .overlay {
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
        background-color: rgba(255, 255, 255, 0.81);
    }