CSS 可以讓圖片浮在 div 上方,這種效果通常可以用于輪播圖、圖片導(dǎo)航等場景中。
代碼示例: /* HTML */ <div class="container"> <img src="example.jpg"> </div> /* CSS */ .container { position: relative; width: 200px; height: 200px; } .container img { position: absolute; top: 0; left: 0; z-index: 1; }
在這個示例中,div 的位置屬性為 relative,表示相對定位。而圖片的位置屬性為 absolute,表示絕對定位。
通過設(shè)置圖片的 top 和 left 值,可以控制圖片的位置,并且通過設(shè)置 z-index 值,確保圖片在 div 上面。
在實際應(yīng)用過程中,可以通過 CSS 代碼來控制圖片的動畫效果,比如淡入淡出、彈性位移等,讓頁面更加生動。