背景图片等比缩放居中

1. .mysec{   
2.     width:400px;  
3.     height:200px;  
4.     border:solid 1px #ccc;  
5.     background-color:red;  
6.     background-image:url(image/DSCI0002.JPG); /*图片地址*/  
7.     background-origin:content;                /*从content区域开始显示背景*/  
8.     background-position:50% 50%;              /*图片上下左右居中*/  
9.     background-size:contain;                  /*保持图像本身的宽高比例，将图片缩放到宽度或高度正好适应定义背景的区域*/  
10.     background-repeat:no-repeat;              /*图像不重复显示*/  
11. }