應用邊框背景圖片

Question

我有一些div，他們有他們的背景使用此設置爲圖片：

background:url(myimage.jpg); 

現在正是我希望做的是設置一個邊界被設定圖像背景。

我不想在div上設置邊框，因爲這不會給出所需的結果，它必須是圖像上的邊框。

不知道這是否可能，是嗎？

Answer 1

這是不可能的，正如你所說的那樣。由於背景圖像是造型而不是內容，因此不能爲其添加任何附加樣式。

最好的選擇是創建一個不同的圖像文件來服務更大膽的邊界。

Answer 2

您可以嘗試使用多個背景，通過設置您的基本bg圖像和第二個作爲邊框。

#container { 
background-image: url(Main-bg), url(Border-img.png); 
background-position: center center, left bottom; /* border bottom in this case */ 
background-repeat: no-repeat; 
}