已采纳回答 / 狂飙的蜗牛_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