将宽度和高度样式应用于div背景图像

Question

我在我网站的顶部“标题”div部分使用背景图片。它在CorelDrawX6上绘制并导出为.jpg图像，这意味着我无法在导出时正确设置高度和宽度。我想要实现的是让网页将背景图像缩放到正确的高度。我希望height:150px; width:100%，但因为它适用于div，所以：

<div style = "height:150px;background-image:url('Design.jpg');">

我无法直接在图像上应用样式。有没有人有办法解决吗？

P.S。我检查了许多“相关问题”，但没有找到答案。另外，请记住我想要一个div的背景图像，而不是整个页面（这将更容易）。

现状：

我想要的情况是将完整图像作为背景（当前图像是放大版本，真实图像（我无法上传）看起来相同但文本打开，浅蓝色条是小多了）。

Answer 1

试

HTML

<div class="lorem" alt="lipsum" title="lorem lipsum">
  <img class=ImgLorem></img>
</div>

CSS

.lorem{

}
.ImgLorem{

}
.lorem img{
  background: url(Design.jpg);  
  height:150px;
  width:100%;
}

这应该有效。

让我知道。

Answer 2

这是你要找的？

background-size: auto 150px;