0

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

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

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

PS我已经检查了许多“相关问题”并没有找到答案。另外，请记住我想要一个 div 的背景图片，而不是整个页面（这会容易得多）。

现在的情况： 现在的情况：

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

4

2 回答 2

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%;
}

这应该有效。

让我知道。

于 2013-05-23T09:53:58.403 回答
0

这就是你要找的？

background-size: auto 150px;
于 2013-05-23T09:48:35.243 回答