我有一個4x4大小的圖像,我想在DIV的邊框周圍使用它。以下內容:CSS 3邊框圖像如何工作?
-moz-border-image: url("../images/window/side.png") 4 4 4 4/4px 4px 4px 4px repeat repeat
將放置左側和右側邊框,但不是底部和頂部。它出什麼問題了?我想我誤解了語法,如果是這樣,這個語法是如何工作的?
我有一個4x4大小的圖像,我想在DIV的邊框周圍使用它。以下內容:CSS 3邊框圖像如何工作?
-moz-border-image: url("../images/window/side.png") 4 4 4 4/4px 4px 4px 4px repeat repeat
將放置左側和右側邊框,但不是底部和頂部。它出什麼問題了?我想我誤解了語法,如果是這樣,這個語法是如何工作的?
如果您希望4x4圖像沿着邊界平鋪,則需要創建一個新圖像,12x12看起來像一個邊框已經平鋪的方形框。與此類似,其中每顆鑽石將是你的4X4的形象:
然後,你只需要使用這個CSS:
border-image: url("border.png") 4 repeat;
在official spec的例子可以使它更清晰一點。
你嘗試
-moz-border-image: url("../images/window/side.png") 4/4px repeat;
或
-moz-border-image: url("../images/window/side.png") 4 repeat;
與border-width:4px;
?