绝对位置背景图答案

【问题标题】：absolute position background image绝对位置背景图
【发布时间】：2012-04-15 03:34:52
【问题描述】：

我需要实现以下目标，一个 div 包含一个由 CMS 管理的图像，并且还有一个显示背景颜色的选项，所有内容都将与这个背景图像重叠。

由于图像是 CMS 管理的，我必须插入一个图像标签....

<HEADER>

<div> image tag placed here</div> -------this div is absolutely positioned which is
 used to show the image in the background or color. 
<CONTENT>

<FOOTER>

当没有显示图像并且它必须只显示背景颜色时，我在布局上苦苦挣扎，因为它没有完全覆盖内容的背景。

有什么帮助吗？

提前致谢。

【问题讨论】：

我怎样才能获得背景图像和颜色以显示在背景中以及内容重叠......

标签： css image background absolute

【解决方案1】：

除非您要求用户上传具有所需颜色的 1x1 gif，否则实际上无法通过 CMS 更改颜色槽。

除非您的 CMS 有颜色选择器并允许用户选择颜色或图像

我在想这样的事情吗？

<div style="backgound-color:red;">
  <img src="bg.jpg"/>
</div>

【讨论】：

我可以显示一个通过 css 控制的颜色类，并为编辑器提供选择预设颜色的选项...但我面临的问题是 div 不会扩展内容....

`
img 标签需要单独“展开”。 div 只是容器。所以将拉伸图像但不会保持比例。我建议使用像 Supersized for jQuery 这样的插件。谷歌它:)
我什至会说在你的 css 中拼出图像的尺寸，然后将 div 设置为溢出：隐藏。