2013-03-19 111 views
1

我有一个类和我所试图做的是应用边框图像左和边界图像权(这是两个不同的图像)CSS边框图像左和边界图像底部或2背景

我已经能够做的是

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; 

,但它只会显示他们的:(一个

是什么,我试图做可能

回答

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> 
+0

我不认为这是我正在寻找的,我想我正在寻找一种方式来在网站内容边缘的边框图像左和边框图像底部 – user979331 2013-03-19 18:20:19

+0

或您的意思是屏幕边缘?如果你的意思是网站内容区域,那么你可以尝试伪。 – Riskbreaker 2013-03-19 18:34:15