div有3个背景

Question

  

可能重复：
  Can I have multiple background images using 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

您实际上可以在不使用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 */ }

如果您对此有任何疑问/问题，请与我们联系。