Code used in this page
.background-size {
width: 100px;
height: 100px;
color: #fff;
background: url(view.jpg) no-repeat;
border: 1px solid #0080ff;
margin-bottom: 20px;
padding: 10px;
/* Firefox */
-moz-background-size: 100px 50px;
/* WebKit */
-webkit-background-size: 100px 50px;
/* Opera 9.5+, later Google Chrome */
background-size: 100px 50px;
}
.background-size-stretch {
width: 310px;
height: 200px;
color: #fff;
background: url(view.jpg) no-repeat;
border: 1px solid #0080ff;
margin-bottom: 20px;
padding: 10px;
/* Firefox */
-moz-background-size: auto 100%;
/* WebKit */
-webkit-background-size: auto 100%;
/* Opera 9.5+, later Google Chrome */
background-size: auto 100%;
}
.background-size-cover {
width: 200px;
height: 400px;
color: #fff;
background: url(view.jpg) no-repeat;
border: 1px solid #0080ff;
margin-bottom: 20px;
padding: 10px;
/* Firefox */
-moz-background-size: cover;
/* WebKit */
-webkit-background-size: cover;
/* Opera 9.5+, later Google Chrome */
background-size: cover;
}