CSS中，我們可以使用背景屬性來設置元素的背景顏色或圖片。但是，有時候我們需要在元素的前面加上一張圖片，這個時候該怎么做呢？

這個問題的解決方案是使用CSS偽元素:before，它可以在元素的前面添加一個元素，我們可以給這個元素設置背景圖片。下面是示例代碼：

.box:before{
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 100px;
background-image: url("image.jpg");
background-size: cover;
}
.box{
position: relative;
width: 200px;
height: 200px;
background-color: #f00;
}

上面的代碼中，我們在.box的:before偽元素里面設置了背景圖片，并將它定位到左上角。同時，我們把.box元素的position屬性設置為relative，這樣，我們可以讓:before偽元素相對于.box元素的位置進行定位。

最后，我們得出的效果是：.box前面有一張寬高為100px的圖片，并且圖片的大小被自適應拉伸到了.box元素的大小。如果你想讓其他的元素前面也有圖片，只需要將代碼中的.box改成相應的元素名即可。