2012-04-05 85 views
0

可能重複:
Give a CSS styled div a 「border-left-image」border image未知屬性?

我試着去把邊界上一個div,向左和股利的權利。

HTML:

<div id="containerscontainer"><div> 

CSS:

#containerscontainer { 
    width: 970px; 
    margin: 0 auto; 
    padding: 0px 0px 0px 0px; 
    background-color:#000;  
    border-left-image:url('/gfx/bkshadleft.png'); 
    border-right-image:url('/gfx/bkshadright.png'); 
} 

enter image description here enter image description here

但由於某種原因在Chrome我可以看到即時得到錯誤未知屬性名稱?爲什麼是這樣?我沒有做對嗎?

小提琴例如:http://jsfiddle.net/uzi002/8dX7R/3/

+0

咦? http://stackoverflow.com/questions/5541336/give-a-css-styled-div-a-border-left-image – iambriansreed 2012-04-05 14:05:00

+0

您可以爲所有邊框定義邊框圖像,然後爲頂部設置「border-width」底部爲0:'border-width:0 10px;'? – cchana 2012-04-05 14:09:39

+0

邊界必須在每邊不同 – Beginner 2012-04-05 14:11:16

回答

1

要在Chrome瀏覽器,您需要命名的樣式:

-webkit-左邊框圖像

看到這個職位:Give a CSS styled div a "border-left-image"

+0

我希望它能夠在所有瀏覽器中工作 – Beginner 2012-04-05 14:01:32

+0

我也試過,看我的例子請 – Beginner 2012-04-05 14:20:46

+0

所以只需添加兩種樣式到您的CSS,它將使用正確的取決於瀏覽器; - ) – Gatekeeper 2012-04-05 14:21:08

1

從經驗,我覺得語法可能會關閉,或圖像不是正確的尺寸和邊界關閉。我建議使用一個網站這樣生成的圖像:

http://border-image.com/

還有,我看到你的小提琴無邊框的圖像。

+0

你是這個問題的邊界沒有出現 – Beginner 2012-04-05 14:30:06