鍍金池/ 問答/HTML/ 關(guān)于css覆蓋問題

關(guān)于css覆蓋問題

            <div class="article">
                <div id="pictures">
                    <div id="bg" style="background-image:url(xxx.jpg)"></div>
                  <div id="div-float">浮動(dòng)div</div>
                </div>  
             </div>  
#pictures {
    width:100%;
    height:385px;

}
#bg {
    width:100%;
    background-position:50%;
    background-size:cover;
    height: 385px;
}
#div-float {
    width:50%;
    height:50%;
    float:left;
}

我想做的一個(gè)效果就是浮動(dòng)的div能覆蓋在圖片div上，便于做模糊背景效果，現(xiàn)在問題是無論用什么辦法，都無法讓div-float覆蓋在bg這個(gè)div上，float或是position都用過了，總是默認(rèn)就被擠在下面，有什么辦法解決嗎？

回答
編輯回答
憶當(dāng)年

模糊背景可以用css3的blur試試，俗稱毛玻璃特效

2018年6月13日 13:26
編輯回答
綰青絲
#pictures{
    width: 100%;
    height: 385px;
    position: relative;
}

#div-float {
    width: 50%;
    height: 50%;
    /* float: left; */
    position: absolute;
    top: 0;
    left: 0;
}
2017年12月24日 12:23