проблема
Привет, я работаю со спрайтами и получаю интересное поведение firefox и Chrome. Когда у моего спрайта есть 655 или меньше, мой спрайт отлично работает. Но когда он идет дальше (656 или более), он не отображается (просто становится невидимым). Я предполагаю, что проблема не в моем коде, так как отлично работает в Opera и IE. Почему?
подробности
Я использую PHP для генерации спрайтов "на лету". Сгенерированный html будет выглядеть следующим образом:
<span class="_sprite_images _sprite_images_1"></span>
<span class="_sprite_images _sprite_images_0"></span>
<span class="_sprite_images _sprite_images_2"></span>
<span class="_sprite_images _sprite_images_3"></span>
<span class="_sprite_images _sprite_images_4"></span>
<span class="_sprite_images _sprite_images_5"></span>
[...]
и CSS выглядит так:
._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;}
[...]
Каждое изображение моих спрайтов имеет размер 50x50 (px) и составляет около 2-6 КБ. Я тестировал их с типами jpg, png и gif. Все получили те же результаты.
Скриншоты
655 изображений
656 изображений