Question

我有一个课程，我想要做的是应用border-image-left和border-image-right（这是两个不同的图像）

我能做的就是这个

background:url(http://jamessuske.com/freelance/heyheyandco/images/nav-border-bottom.png) bottom no-repeat;
background:url(http://jamessuske.com/freelance/heyheyandco/images/nav-border-left.png) left no-repeat;

但它只显示其中一个：（

我正在尝试做什么？

Answer 1

你可以在CSS3中执行此操作：

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

但对于不支持CSS3的浏览器，您可以这样做：

HTML：

<body>
    <div class="container">
        copy
    </div>
</body>

CSS：

body{background: url(path/left.png) left;}
.container {background: url(path/right.png) right;}

如果需要在content-site容器中，您可以尝试伪元素：

<div><pseudo-element:before />site content<pseudo-element:after /></div>

CSS边框图像左侧和边框图像底部或2个背景

1 个答案: