Html 防止div拉伸其背景图像

我有一个div，其背景图像在我的样式表中定义如下：

.资料(附图){ 位置：相对位置； 顶部：30px； 宽度：100%； 高度：200px； 背景图片：url'http://www.ladyblitz.it/wp-content/uploads/2015/04/carbonara.jpg'; 背景重复：无重复； 背景位置：中心； 背景大小：100%100%； } “100%100%背景大小”值表示背景应拉伸元素宽度的100%和元素高度的100%。将其中一个设置为“自动”，这将自动调整未定义维度的大小，同时保留图像的纵横比

然后，可以通过调整相应的背景位置样式来选择图像的哪个部分可见

.资料(附图){ 位置：相对位置； 顶部：30px； 宽度：100%； 高度：200px； 背景图片：url'http://www.ladyblitz.it/wp-content/uploads/2015/04/carbonara.jpg'; 背景重复：无重复； 背景位置：中心-30px；/*从顶部可见30px*/ /*100%高度，自动宽度*/ 背景尺寸：自动100%； /*100%宽度，自动高度*/ 背景尺寸：100%自动； /*或者干脆*/ 背景大小：100%； } “100%100%背景大小”值表示背景应拉伸元素宽度的100%和元素高度的100%。将其中一个设置为“自动”，这将自动调整未定义维度的大小，同时保留图像的纵横比

然后，可以通过调整相应的背景位置样式来选择图像的哪个部分可见

.资料(附图){ 位置：相对位置； 顶部：30px； 宽度：100%； 高度：200px； 背景图片：url'http://www.ladyblitz.it/wp-content/uploads/2015/04/carbonara.jpg'; 背景重复：无重复； 背景位置：中心-30px；/*从顶部可见30px*/ /*100%高度，自动宽度*/ 背景尺寸：自动100%； /*100%宽度，自动高度*/ 背景尺寸：100%自动； /*或者干脆*/ 背景大小：100%； }

---

工作得很好。非常感谢乔治，我会尽快接受答案的！：工作得很好。非常感谢乔治，我会尽快接受答案的！：