问答详情
源自:2-3 CSS样式

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

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

提问者:慕前端7781183 2018-04-18 01:21

个回答

  • 伊猫
    2018-04-28 21:32:50
    已采纳

    .toolbar-item,.toolbar-layer{

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

      background-repeat:no-repeat;

    }

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