SOURCE

<div>
  css3中允许通过calc函数对背景位置进行计算。<br />
  如代码所示，两个background-position得到是一样的结果。<br />
  当使用calc时候，允许两个calc函数，第一个是相对于左边的，第二个是相对于上边的。
  
</div>

div {
	background: url(http://csssecrets.io/images/code-pirate.svg)
	            no-repeat bottom right #58a;
	-background-position: right 20px bottom 10px;
  background-position: calc(100% - 20px) calc(100% - 10px);
	
	/* Styling */
	max-width: 30em;
	min-height: 15em;
	padding: 20px;
	color: white;
	font: 100%/2 sans-serif;
}