可以通过以下步骤实现:
<div id="imageDiv"></div>
#imageDiv {
width: 100%;
height: 300px; /* 根据需求设置高度 */
background-image: url('image.jpg');
background-position: top;
background-size: cover;
}
background-image
属性中,将'image.jpg'替换为你所需使用的实际图像文件路径。通过上述步骤,半幅图像将会被放置在div顶部,并且会根据div的尺寸进行适应和显示。请根据实际情况调整div的尺寸和图像路径。