Html 如何将图像调整为div的背景？

我试图在我的页面上做一个标题，我想在其中显示一个图像。要做标题，我使用div：

但它的显示方式就像图像被剪切一样。我试着替换背景尺寸：100%；背景尺寸：封面；但效果是一样的

我还尝试添加以下行：

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

但结果是一样的

如果我尝试使用背景大小：contain来获取图像，则图像将从右侧缩小

我该怎么做才能在我的div上看到完整的图像

附言：我看过这个问题，但提供的答案并没有改变我的情况

编辑：您可以看到效果

提前谢谢

使用这行代码：

background-size: 100% 150px;

所以宽度是100%，但高度始终保持在150px

记住，如果你不给标题一个固定的宽度，这会拉伸你的图片

---

这里有一把小提琴：

如果这是你想要的，试试下面的

身体{ 填充：0px； 边际：0px； } 标题{ 背景图片：url'http://www.disney.es/sites/default/files/styles/retina-reduction/public/Cars/GENERIC/Section%20Listings/ICE/msf_cars_ice_lst_characters.jpg'; 身高：100%； 背景位置：中心； 背景大小：100%100%； 背景重复：无重复； -webkit过渡：800毫秒全轻松； -moz转换：800毫秒，所有轻松； -ms过渡：800ms全部缓解； 过渡期：800毫秒全部缓解； 背景色：fff； 最小高度：150px； 宽度：100%； 垫面：10%； 边际：0px； }

---

试试这个，你可以使用背景位置：100%

你需要的是我的朋友的背景位置。如果你能提供一个更好的答案，它将很容易帮助你。@divy3993我如何在那里添加外部图像？编辑问题并单击图像icon@defcon2我的意思是在divy3993提供给我的演示页面上。它也被剪切，并且被重复了很多次。我不想重复图像。如果不想重复图像，请使用背景大小：100%150%；

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

background-size: 100% 150px;

 background-repeat: repeat-x;