我有一个背景图像在下面的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-position-x: center;
background-position-y: center;
其他回答
选择:
background-size: auto 100%;
你也可以试试这个，设置背景大小为封面，为了让它看起来更好，还可以设置背景位置中心，如下所示:
background-size: cover;
background-position: center ;
如果你需要的是图像具有相同的div尺寸，我认为这是最优雅的解决方案:
background-size: 100% 100%;
如果不是，@grc的答案是最合适的。
来源: http://www.w3schools.com/cssref/css3_pr_background-size.asp
你也可以用这个:
background-size:contain;
height: 0;
width: 100%;
padding-top: 66,64%;
我不知道你的潜水值，但让我们假设你有这些。
height: auto;
max-width: 600px;
这些都是随机数。 这可能很难使背景图像(如果你想)与固定宽度的div，所以最好使用max-width。实际上，用background-image填充div并不复杂，只需确保父元素的样式正确，这样图像就有了可以放置的地方。
克里斯
你可以使用这些属性:
background-size: contain;
background-repeat: no-repeat;
然后你的代码是这样的:
<div style="text-align:center;background-image: url(/media/img_1_bg.jpg); background-size: contain;
background-repeat: no-repeat;" id="mainpage">
