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

Question

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

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

background-position: 0 50px;

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

我试过这个

 background-position: 0 50px 0 50px;

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

有任何想法吗？

Answer 1

请尝试使用background-clip属性:

padding-top:50px;
padding-bottom:50px;
background-clip: content-box;