使用CSS將文字和圖片組合在一起是網頁設計的一個常見需求。其中，壓住圖片的技巧更是設計的難點之一。下面，我們來探討如何在CSS中實現這一效果。

/* 創建一個div容器 */
.container {
position: relative;
width: 100%;
height: 0;
padding-bottom: 75%; /*設置比例，讓容器高度與寬度相同*/
}
/* 插入一張圖片作為背景 */
.container img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.7; /*設置圖片透明度*/
}
/* 在容器中添加文字 */
.container p {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); /*使文字垂直水平居中*/
color: #fff;
font-size: 2rem;
}

以上代碼中，我們首先創建一個div容器，將其設置為相對定位，然后通過padding-bottom屬性來設置容器的高度。這里通過設置padding-bottom為75%的方式，實現了容器的高度始終與其寬度相等。接著，我們通過添加一張圖片作為容器的背景，讓圖片填滿整個容器。

最后，在容器中添加文字并將其位置設為絕對定位。我們通過設置top和left屬性，讓文字在容器中垂直水平居中。最后，通過改變字體顏色和大小，實現了良好的可讀性。

以上就是在CSS中如何壓住圖片，并讓其與文字組合的實現方式。希望這篇文章對你有所幫助！