1

我有一堂课,我想做的是应用一个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;

但它只会显示其中一个:(

我正在尝试做的事情可能吗?

4

1 回答 1

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;}

如果需要在内容站点容器中,您可以尝试伪元素:

<div><pseudo-element:before />site content<pseudo-element:after /></div>
于 2013-03-19T18:11:23.410 回答