Html 使用CSS缩放图像，同时保持圆角

有人能帮忙吗

我在页面上显示了一个图像。图像有一些圆角，这是我用CSS技巧实现的。但现在的问题是自动缩放图像

用

缩放图像没有问题，但在圆角代码中使用它会成为一个问题，因为这是通过背景图像实现的

有人知道我如何将这两种方法结合起来吗

以下是我在CSS中实现圆角的方法：

.informationBarLeft {
width: 24%;
height: 160px;
border: 1px solid #000000;
float: left;
margin-right: 1%;
background-image: url('../Images/pumpkin-soup.jpg'); /*The image to use */
background-repeat: no-repeat;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;

}

然后HTML就是：

<div class="informationBarLeft">&nbsp;</div>

---

正如你所看到的，我没有在任何地方使用

元素，所以我想知道这可以在CSS中完成吗？

使用

背景尺寸：封面：

.informationBarLeft {
  width: 24%;
  height: 160px;
  border: 1px solid #000000;
  float: left;
  margin-right: 1%;
  background-image: url('../Images/pumpkin-soup.jpg'); /*The image to use*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}

使用可以使用css3缩放背景大小：100%100%

-moz-background-size: 100% 100%;           
-o-background-size: 100% 100%;           
-webkit-background-size: 100% 100%;      
background-size: 100% 100%;

使用
背景图像：url（“#”）缩放图像时，我没有发现任何问题。请在此查看：

我认为您只需要删除图像中的注释
/*即可使用
，或者至少用一个结束标记将其关闭

[或]您可以使用
背景尺寸：封面代码，但我很多次都没有看到它起作用。但是可以在JSFIDLE代码上工作：）
Oops不，我在这里发布代码示例时添加了注释。这实际上并不是我代码的一部分，但背景大小似乎是：封面；他会为我工作的。谢天谢地，空沙发总比无聊的好！