1. 程式人生 > >靡不如初鮮克有終day4

靡不如初鮮克有終day4

背景圖片透明化且內容不透明

前提:z-index屬性適用於定位元素(position屬性值為 relative 或 absolute 或 fixed的物件),用來確定定位元素在垂直於顯示屏方向(稱為Z軸)上的層疊順序,也就是說如果元素是沒有定位的,對其設定的z-index會是無效的。

建立一個div盒子給其插入背景圖片,並且設定position屬性為absolute,在其偽元素上加上一層遮罩,設定opacity透明度和絕對定位,然後設定z-index使其在內容下方顯示。