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

Question

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

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

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

附言我查了很多“相关问题”都没有找到答案。另外，请记住我想要一个 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%;
}

这应该有效。

让我知道。