CSS(層疊樣式表)是一種用于創建網頁樣式的語言。其中一個常見問題是如何將圖片置于底層,讓其他元素覆蓋它。下面介紹三種方法。
方法一: z-index 屬性 給需要置于底層的元素添加如下樣式: .bottom-image{ position: absolute; z-index: -1; } 代碼解釋:z-index 屬性控制元素在哪個層次上顯示,負數表示該元素在底層,更容易被其他元素遮擋。
方法二: 利用父容器的定位 給父容器添加如下樣式: .container{ position: relative; } 給需要置于底層的圖片添加如下樣式: .bottom-image{ position: absolute; bottom: 0; left: 0; } 代碼解釋:父容器設置相對定位后,子元素使用絕對定位。bottom: 0; left: 0; 表示該元素位于父容器左下角。
方法三: 利用 CSS3 的特性 給需要置于底層的圖片添加如下樣式: .bottom-image{ position: relative; z-index: -1; } 代碼解釋:CSS3 中的 z-index: -1; 屬性可以直接將元素置于底層。
上一篇mysql數據庫寫入亂碼
下一篇mysql數據庫內容找回