Css 两个图像组成一个div的背景？
我需要在CSS中创建以下内容，并使其在IE7+上工作（如果可能的话，还有Firefox）： 除了背景，一切都完成了 每次的报价都不一样，所以背景需要自动调整高度 它还需要自动调整到它所放置的容器的宽度。我的意思是梯度不能拉伸。背景需要是淡入左渐变，然后是背景颜色，然后是淡出右渐变 这是我当前的代码-： HTMLCss 两个图像组成一个div的背景？,css,background,Css,Background,我需要在CSS中创建以下内容，并使其在IE7+上工作（如果可能的话，还有Firefox）： 除了背景，一切都完成了 每次的报价都不一样，所以背景需要自动调整高度 它还需要自动调整到它所放置的容器的宽度。我的意思是梯度不能拉伸。背景需要是淡入左渐变，然后是背景颜色，然后是淡出右渐变 这是我当前的代码-： HTML <div id="ehs-quotecontainer"> <div id="ehs-bgleft"> </div> <
<div id="ehs-quotecontainer">
<div id="ehs-bgleft">
</div>
<div id="ehs-bgright">
</div>
<div class="ehs-marks" id="ehs-marktop">
“
</div>
<span class="ehs-quotetext">Once you believe anything, you stop thinking about it.</span>
<div class="ehs-marks" id="ehs-markbottom">
”
</div>
</div>
关于如何使背景正确工作有什么想法？ < P>你能创建一个单独的图像，中间的梯度会吗？如果是，您可以使用：
#ehs-quotecontainer {
background: (YOUR_OUTER_EDGE_COLOR) url(../images/ehsbgMerged.jpg) repeat-y center center;
}
我应该补充一点，如果你的图像太窄，你的背景颜色会与图像的边缘混合，而不是分散在中间，这可能不是您想要的。我不想这么说，但由于您将使用一个非常小的图像，您不想使用背景并插入具有背景的文本 因此，您将：
最简单的方法是将整个报价
定位为：relative@Alex您可以在JSFIDLE或其他地方设置演示吗？对于初学者，您希望标记更像这样：“没有任务是如此重要或紧急以至于无法安全完成。”您应该指定您关心的浏览器。@Šime Vidas:现在在JSFIDLE上设置。谢谢你的邀请suggestion@reisio：CSS对我来说是相当新的，所以谢谢你的提示。我已经更新了提问浏览器和JSFIDLE链接。@reisio，这不是语义标记。您应该在
blockquoteqp#ehs-quotecontainer {
background: (YOUR_OUTER_EDGE_COLOR) url(../images/ehsbgMerged.jpg) repeat-y center center;
}