我在以下 div 中有一个背景图像,但图像被截断:
<div style='text-align:center;background-image: url(/media/img_1_bg.jpg);background-repeat:no-repeat;width:450px;height:900px;' id="mainpage" align="center">
有没有办法在不切断背景图像的情况下显示背景图像?
您可以使用现在大多数浏览器都支持background- size的属性来实现这一点。
background- size
要缩放背景图像以适合 div 内部:
background-size: contain;
缩放背景图像以覆盖整个 div:
background-size: cover;
JSFiddle 示例