repeat css background image a set number of times

后端 未结 6 1813
一向
一向 2020-11-30 07:46

is there a way to set the number of times a background image repeats with css?

6条回答
  •  南笙
    南笙 (楼主)
    2020-11-30 08:02

    An ugly hack could be inserting multiple times —statically— the same image (using multiple backgrounds):

    E.g. To repeat horizontally an image (80x80) three times:

    background-image: url('bg_texture.png'), 
                      url('bg_texture.png'),
                      url('bg_texture.png');
    background-repeat: no-repeat, 
                       no-repeat,
                       no-repeat;
    background-position: 0 top, 
                         80px top,
                         160px top;
    

    Beware: not working on IE under 9 version (source).

提交回复
热议问题