Jquery 如何创建覆盖可缩放div

我正在尝试创建一个覆盖渐变图像和文本的图像。 比如：

<div>
<img src="url"/>
 <div background-image="other url" background-repeat:repeat-x;>
  <h2>some text</h2>
 </div>
</div>

---

您使用的语法不正确（

background image=“other url”background repeat:repeat-x；

）应该是

style=“background image:url（'xxx'）”；背景重复：重复-x

然而，无论如何，这确实应该放在外部样式表中

试着这样做：

您的HTML错误
background image=“other url”
etc应该在样式表中并正确地进行了语法化，或者至少应该在css中。我只是想用一种快速的方式显示它不是一个图像，而是一个带有背景图像的div。可能会在单独的代码块中发布CSS以使其更清晰。很抱歉我对html中的样式产生了误解。当然，样式在样式表文件中。你的快速解决方案非常有效。我只需要在渐变div上添加最大宽度，因为它是1像素宽的图像。现在还有一件事是向左对齐。我应该如何居中它？你不需要添加最大宽度梯度div。它将是100%的容器。你说你想左对齐并居中。你能澄清一下吗？是的，我已经删除了最大宽度，这是可以的…需要做这些基本工作…它没有左对齐，因为它是全宽的？如果容器具有定义的宽度，则只需使用
margin:0 auto
.main{
    text-align:center;
}

.album {    
    width: 100%;
    position: relative;
    margin: 0 auto;
}

.album-cover {
    max-width: 100%;
    display: block;
}

.album-cover-gradient {
    height: 96px;
    background-image: url('../img/text-bg.png');
    background-repeat: repeat-x;
    margin: 0 auto;
    position: absolute;
    bottom: 0;

}