已采納回答 / 狂飆的蝸牛_1
當background-position以百分比來定義時,例如：background-position：50% ? -30%； ??意思是： ?x：（容器的寬度-圖片的寬度）x 50%?y：（容器的高度-圖片的高度）x（-30%）
2015-12-15
比如下面的這個div：
div{width:300px ;
height:300px;
position:absolute;
border:1px red solid;
background:url('http://img1.sycdn.imooc.com//565d07490001365329660269.png') 30% 0%;
background-repeat:no-repeat;
background-size:300% 100%;
overflow:hidden;}
大家可以試試，設置background-size:140% 100%||-30% 100%||-70% 100%;。
div{width:300px ;
height:300px;
position:absolute;
border:1px red solid;
background:url('http://img1.sycdn.imooc.com//565d07490001365329660269.png') 30% 0%;
background-repeat:no-repeat;
background-size:300% 100%;
overflow:hidden;}
大家可以試試，設置background-size:140% 100%||-30% 100%||-70% 100%;。
已采納回答 / LHammer
這是一個積累的過程，多觀察，多模仿，多動手……這是一個設計網站：http://www.hao.uisdc.com/ 可以看看? 希望對你有幫助? 哈~?
2015-12-15
