背景图片 - 填充改变背景大小（带显示块）

Question

更改填充（顶部，底部）时，它也会更改（添加10px）背景的高度。我怎样才能解决这个问题？从纵向上看，它似乎运作良好。

http://jsfiddle.net/VyYB7/3/

我已在文字/内容中添加了填充。

Answer 1

尝试使用 margin 代替（或另外） padding ，如下所示：

margin: 10px 0;

---

修改

要同时使用填充和边距（以便填充文本）：

margin: 10px 10px;
padding: 0 10px;

Answer 2

查看CSS background-origin和background-clip属性。将它们设置为可以使背景锚定在正确位置的任何工作（两者都可能content-box。）