Edit Question - KnowledgeHub

Title Body

the problem Hi, i'm working with sprites and got some interesting behavior of firefox and Chrome. When my sprite have 655 images or less, my sprite works fine. But when it goes furter (656 or more) it doesn't get displayed (just become invisible). I'm guessing the problem is not in my code since it works fine in Opera and IE. How come? details I'm using PHP to generate the sprites on-the-fly. The generated html goes like this: [...] and the CSS looks like this: ._sprite_images{background:url("../sprite_images/sprite.jpg");display:inline-block;} ._sprite_images_0{width:50px;height:50px;background-position:0 0px;} ._sprite_images_1{width:50px;height:50px;background-position:0 -50px;} ._sprite_images_2{width:50px;height:50px;background-position:0 -100px;} [...] Each image of my sprites have the size 50x50 (px) and are about 2 to 6 KB. I have tested them with the types jpg, png and gif. All got the same results. screenshots 655 images 656 images

Tags (comma-separated) Cancel