是否可以在一个 div 中使用 3 个不同的背景图像？ 想象一个 div，其中最左边是一个图像（不重复），中间是另一个水平重复的图像，最右边是另一个不重复的图像。 （与页眉/内容/页脚模型垂直工作的方式大致相同。）
如果不可能，请告诉我其他方法 - 到目前为止我尝试过的所有方法都失败了。
【问题讨论】：
使用 CSS3，这是可能的。
http://www.css3.info/preview/multiple-backgrounds/
问题是，IE7 和 IE8 的人看不到它...但是那些使用最新版本的 chrome、firefox、safari、opera 的人，我认为 IE9 将能够看到它。
那么你的公众是什么？
【讨论】：
您实际上可以使用sliding doors technique 在不添加太多额外标记（如果有的话）的情况下做到这一点。这种技术在所有浏览器中都兼容。
HTML：
<div class="outer">
<div class="inner">
...
</div>
</div>
CSS：
.outer { /* Apply "left door" styles here */ }
.inner { /* Apply "right door" styles here */ }
如果您对此有任何疑问/问题，请告诉我。
【讨论】：
.outer div。