在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/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">浮動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;
}

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

回答
編輯回答
憶當年

模糊背景可以用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