                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /侧栏工具条开发

一直没有弄懂图片的路径问题，不是有很多张图片吗？为什么只有一个引用路径

一直没有弄懂图片的路径问题，不是有很多张图片吗？为什么只有一个引用路径。不应该是在每一个class都要引用一个路径吗？

慕前端7781183

2018-04-18

源自：侧栏工具条开发 2-3

关注问题我要回答

1619

操作

收起

1 回答

伊猫回答被采纳 +2 积分
2018-04-28

.toolbar-item,.toolbar-layer{

background-image:url(../img/toolbar.png);

background-repeat:no-repeat;

}

它给每一个a标签都用了一个.toolbar-item类，也就意味着每一个a都有一个背景图片路径。而把所有的图片都集中在一张图片上，且控制a的宽高显示部分图片，以及通过在这张图片上定位（background-position：定位图片上的位置，而不是图片在body里的位置），就可以实现一张图片显示多个a上的图片显示。