ektarathi

/**
 * Flexible background positioning
 * via extended background-position
 */

div {
	background: url(http://csssecrets.io/images/code-pirate.svg)
	            no-repeat bottom right #58a;
	background-origin: padding-box;
	

ektarathi

/**
 * Flexible background positioning
 * via extended background-position
 */

div {
	background: url(http://csssecrets.io/images/code-pirate.svg)
	            no-repeat #58a;
	background-position: right 20px bottom 10px;
	

ektarathi

/**
 * The first commented line is your dabblet’s title
 */
body {	
	background: url('http://csssecrets.io/images/stone-art.jpg');
	min-height: 100%;}
	
.box {
	background: #fff;
	border: 10px solid hsla(0, 0%, 100%, .5);