背景图像剪贴

Question

http://jsfiddle.net/R82a4/

这是我尝试过，但没有一点：

<div style="background-position: -50%; width: 100%; background-image: url('/assets/upload/stab/1/taccos.png'); background-repeat: no-repeat; background-size: 100% auto; height: 885px; width: 792px;"> 
sdfsf<br />sdfsf<br />sdfsf<br />sdfsf<br />sdfsf<br />sdfsf<br />sdfsf<br />sdfsf<br />sdfsf<br />sdfsf<br />sdfsf<br />sdfsf<br />sdfsf<br />sdfsf<br />sdfsf<br /> 
</div> 

我想以下几点：

|  IMAGE CENTERED   | 
| IMAGE CENTERED  | 
| IMAGE CENTERED | 
| IMAGE CENTERED | 
|IMAGE CENTERED| 
|MAGE CENTERE| 
|AGE CENTER| 
|GE CENTE| 

的屏幕变得更厚，图像应该剪裁，不调整大小，其内容应该垂直居中

Answer 1

摆脱的背景大小，使用background-position：center，并摆脱div的宽度;如果有固定的Div，屏幕宽度不会影响它，那么图像如何被裁剪？

<div style="background-position: center; width: 100%; background-image: url('http://t1.gstatic.com/images?q=tbn:ANd9GcSJYVbh_I1DDoLLOxTwZPy0LPNxkZJvp1LmRydhdVcO2WifcnKN'); background-repeat: no-repeat; height:183px;"> 
sdfsf<br />sdfsf<br />sdfsf<br />sdfsf<br />sdfsf<br />sdfsdfsf<br />sdfsf<br />sdfsf<br />sdfsf<br />sdfsf<br />sdfsf<br />sdfsf<br /> 

Answer 2

我在这里更新您的jsfiddle： http://jsfiddle.net/R82a4/3/

background-position: center; 
width: 100%; 
background-image: url('http://t1.gstatic.com/images?q=tbn:ANd9GcSJYVbh_I1DDoLLOxTwZPy0LPNxkZJvp1LmRydhdVcO2WifcnKN'); 
background-repeat: no-repeat; 

截图：http://i.stack.imgur.com/nSZqk.png