在網(wǎng)頁設(shè)計中，如何讓文字和圖片在頁面中更加協(xié)調(diào)呢？CSS中的z-index屬性為我們提供了一種解決方案。

z-index屬性可以控制元素的重疊順序，數(shù)值越大，元素就越靠近前景，就會覆蓋其他元素。

img {
position: relative;
z-index: 1;
}
p {
position: relative;
z-index: 2;
}

如上代碼中，我們可以讓文字元素的z-index值更大，這樣就可以將圖片元素覆蓋在文字之下。

但是有些情況下，圖片不想被其他元素覆蓋，怎么辦呢？可以根據(jù)元素的大小設(shè)置一個更大的z-index。

img {
position: relative;
z-index: 999;
}

在上面的代碼中，我們將圖片元素的z-index值設(shè)為999，比其他元素的z-index值大得多，這樣圖片就不會被覆蓋了。

總結(jié)來說，z-index是一個很重要的CSS屬性，可以幫助我們控制元素的重疊順序，讓頁面中的不同元素更加協(xié)調(diào)。