<div>background-origin,用来控制background-position在box模型中相对于谁的边距,是内容,还是box内。 <br />
<br />
默认值是padding-box,也就是相对于内边沿。
改为padding-box后,相对于padding的内边距
</div>
div {
background: url(http://csssecrets.io/images/code-pirate.svg)
no-repeat bottom right #58a;
background-position: right 20px bottom 10px;
background-origin:content-box;
/* Styling */
max-width: 30em;
min-height: 15em;
padding: 20px;
color: white;
font: 100%/1 sans-serif;
}