邊框背景圖片

我有背景圖片和身體邊框。我現在這個樣子（上jsbin）：邊框背景圖片

enter image description here

但我想的背景圖像停留在邊界，所以背景圖片將是可見的完全。如何把邊框上的背景圖像？

編輯

期望的結果：
enter image description here

EDIT2
我已經使用了：後和：以前一樣@Danield提供和它的工作。我有4個角落，我已經把他們中的2個：after和：before（因此其中2個沒有角落圖像）。我正在尋找另一種沒有僞元素的方式。也沒有定位塊背景的元素。我試圖通過CSS來實現。

來源

2014-02-20 Ikrom

添加絕對定位的僞元素。

body:after{ 
    content: ''; 
    display:block; 
    background-image: url("https://www.gravatar.com/avatar/97adf5e1abeb6454d6c6a6a39b81265a?s=96&d=identicon&r=PG"); 
    background-position: 0 0; 
    background-repeat: no-repeat; 
    width: 96px; 
    height: 96px; 
    position: absolute; 
    z-index:1; 
    top: 8px; 
    left: 8px; 
}

Updated JsBin

來源

2014-02-20 10:53:31 Danield

也許是我沒有很好地描述，我想圖像將在邊境的頂部，而不是關閉或近。我可以向右移動，左轉換位置，但它保持在邊界之下。我添加了期望的結果。 – Ikrom

@bob我更新了答案 – Danield

太好了，我已經使用'：after'和'：before'。我有4個角落，我已經把他們中的2個：after和：before（因此其中2個沒有角落圖像）。我正在尋找另一種沒有僞元素的方式。 – Ikrom

試試這個CSS屬性使用圖像邊界

border-image: url(https://www.gravatar.com/avatar/97adf5e1abeb6454d6c6a6a39b81265a?s=96&d=identicon&r=PG) 25% repeat;

來源

2014-02-20 11:00:16

這裏是鏈接.. http://jsbin.com/nokibewi/8/edit –

它覆蓋邊框顏色。我需要保持邊界和背景圖像 – Ikrom

非常有趣的事情.. :) –

邊框背景圖片

回答

相關問題