具有 3 个背景的 div

Question

可能的重复：
我可以使用 CSS 获得多个背景图像吗？

可以吗在一个 div 中使用 3 个不同的背景图像？ 想象一个 div，最左边是一个图像（不重复），中间是另一个水平重复的图像，最右边是另一个不重复的图像。 （与页眉/内容/页脚模型垂直工作的方式大致相同。）

如果不可能，请向我展示替代方法 - 到目前为止我尝试过的每种方法都失败了。

Answer 1

有了 CSS3，这是可能的。

http://www.css3.info/preview/multiple-backgrounds/

事情是，使用IE7和IE8的人不会看到它......但是那些使用最新版本的chrome，firefox，safari，opera的人，我认为IE9将能够看到它。

那么你的公众是什么？

请参阅此图表：http://caniuse.com/#search=multiple%20backgrounds

Answer 2

实际上，您可以使用滑动门技术来做到这一点，而无需添加太多额外的标记（如果有） 。该技术在所有浏览器中兼容。

HTML：

<div class="outer">
    <div class="inner">
        ...
    </div>
</div>

CSS：

.outer { /* Apply "left door" styles here */ }
.inner { /* Apply "right door" styles here */ }

如果您对此有任何疑问/问题，请告诉我。