repeat css background image a set number of times

by

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

E.g. To repeat horizontally an image (80×80) 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).

More Related Contents:

  1. Change text-color on div :hover [closed]
  2. CSS customized scroll bar in div
  3. How can I force WebKit to redraw/repaint to propagate style changes?
  4. Better way to set distance between flexbox items
  5. Areas covered by Flexbox which are difficult or impossible to achieve with Grid
  6. How to set opacity in parent div and not affect in child div? [duplicate]
  7. What does auto do in margin: 0 auto?
  8. @font-face EOT not loading over HTTPS
  9. Hide text using css
  10. How to clear the cache of nginx?
  11. Universal selector * and pseudo elements
  12. How can I create a “tooltip tail” using pure CSS?
  13. Segments in a circle using CSS3
  14. @font-face src: local – How to use the local font if the user already has it?
  15. Bootstrap Element 100% Width
  16. Why doesn’t [CSS feature] work in [browser] but works in others?
  17. Add a text suffix to
  18. html5 vertical spacing issue with
  19. CSS selector to get deepest element of specific class in the HTML tree
  20. How to change color of icons in Font Awesome 5?
  21. Force Non-Monospace Font into Fixed Width Using CSS
  22. Tools to make CSS sprites? [closed]
  23. How to write a caption under an image?
  24. CSS how to make an element fade in and then fade out?
  25. iPhone Web App – Stop body scrolling
  26. Should border-radius clip the content?
  27. Need to remove href values when printing in Chrome
  28. I cannot change the font size of package explorer in Eclipse
  29. how to override font boosting in mobile chrome
  30. How do I apply vendor prefixes to inline styles in reactjs?

Leave a Comment