如果頁(yè)面好多小圖標(biāo)？做成了雪碧圖你這個(gè)方法怎么處理？
如果那些小圖標(biāo)都是雪碧圖呢？
htoa8000
2018-04-14
2 回答
舉報(bào)
0/150
提交
取消
2018-09-25
視頻中老師的圖標(biāo)只有一個(gè)，他應(yīng)該只是用一個(gè)圖標(biāo)給我們作示范，實(shí)際上都是雪碧圖，可以通過(guò)background-position和background-size來(lái)設(shè)置。比如一張寬40px的雪碧圖，第一個(gè)圖標(biāo)位于雪碧圖左上角可以寫成如下，雪碧圖的第二個(gè)圖標(biāo)則需要自己量取一下第二個(gè)圖標(biāo)的開始位置來(lái)改變background-position的值
.icon {
? ? ?display:inline-block;??????
? ? ?width:px2rem(21px);
????? height:px2rem(21px);
???? ?background: url("雪碧圖") no-repeat;
????? background-position: 0 px2rem(21px);
????? background-size:px2rem(40px) auto;
}
2018-05-07
https://www.cnblogs.com/xbcq/p/5873535.html