一些web開發(fā)者可能會(huì)遇到這樣的問題，當(dāng)一個(gè)圖片被放置在一個(gè)帶有背景色的區(qū)域時(shí)，圖片會(huì)被背景遮蓋，無法完全展示。這種情況，可以使用CSS來解決。

首先，設(shè)置圖片的position屬性為absolute，這將使得圖片可以獨(dú)立于其它元素進(jìn)行位置定位。同時(shí)，需要將其所在的父元素position屬性設(shè)為relative，這樣才能正確相對(duì)位置定位。接下來，設(shè)置z-index屬性，它表示元素的堆疊順序，數(shù)值越大越在上面。一般情況下，背景層的z-index值為1，因此將圖片的z-index值設(shè)為2即可讓他展示在背景層之上，做到不被遮蓋展示完整圖片。

.parent{
position:relative;
background-color: #f2f2f2;
height: 200px;
width: 200px;
}
.child{
position:absolute;
z-index: 2;
}

需要注意的是，若圖片被用作鏈接，需要給它添加一個(gè)a標(biāo)簽，并將a標(biāo)簽設(shè)為block元素，這樣才能給整個(gè)圖片加上鏈接。如下：

如此設(shè)置后，就不會(huì)再遇到圖片被背景層覆蓋的問題了，可以放心地讓圖片展示在網(wǎng)頁上了。