定位背景图片 - 顶部为x,底部为x

Cut*_*nja -1 html javascript css jquery background-image

http://jsfiddle.net/sXLg7/1/

我正在尝试放置背景图像,使得div的顶部和底部留有50px的空间.

我可以通过这个属性轻松地将背景图像放置在顶部50px以下

background-position: 0 50px;
Run Code Online (Sandbox Code Playgroud)

但是,我如何定位此背景图像,以便底部有50px的空间

我试过这个

 background-position: 0 50px 0 50px;
Run Code Online (Sandbox Code Playgroud)

但这似乎不起作用.我假设它接受4个参数来从4个方向定位它.

有任何想法吗?

Chr*_*ato 5

请尝试使用background-clip属性:

padding-top:50px;
padding-bottom:50px;
background-clip: content-box;
Run Code Online (Sandbox Code Playgroud)

看到这个小提琴:http://jsfiddle.net/A5u8j/