2013-03-19 113 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