0

I am developing this website and I have set of sprites and i am using those as per needs. Somehow, on some location my images are not sharp in chrome browser and working fine with other browser and even on mobile devices.!

How ever i am unable to post images because of some reputation issue from stack overflow. My images are round with background size of 400px auto with height and width of 50px both.

Magic things are happening like if I open other tab and come back to this one, images would be fine or if minimize the browser for 5-10 seconds and maximize, images will be fine. please help.

here is my css:

.banner-section .detail_choice .add_phn_call .choice_ico, .banner-section .detail_choice .add_phn_web .choice_ico, .banner-section .detail_choice .add_phn_directions .choice_ico, .banner-section .detail_choice .tickets_list .choice_ico,.banner-section .detail_choice .track_event .choice_ico,.banner-section .detail_choice .invitation .choice_ico, .banner-section .detail_choice .artist_follow .choice_ico, .banner-section .detail_choice .artist_news .choice_ico{
    background: url("../images/details-sprite-new.png") no-repeat scroll transparent;
    background-size: 400px auto;
    background-position: 0 0;
    height: 50px;
    margin: 0 auto 10px;
    width: 50px;
    cursor:pointer;
}

and as per the requirement we give the background position for the particular image.

Akshay
  • 3,558
  • 4
  • 43
  • 77
  • 1
    maybe you could upload them to box.com and provide a link? – PaulProgrammer Jan 21 '15 at 06:53
  • Thanks here it is.. https://app.box.com/s/kc2mhpk0hga7mgefavfjew5fiqc7uuvw –  Jan 21 '15 at 07:00
  • How about the actual sprite sheet in question? – PaulProgrammer Jan 21 '15 at 07:01
  • And, while I'm asking for stuff right before I go to bed, you might consider putting your CSS in the question as well... – PaulProgrammer Jan 21 '15 at 07:02
  • Here it is https://app.box.com/s/kh2rk9c5f39efby7jh2kxstdnscwu37d –  Jan 21 '15 at 07:07
  • Do you let the browser scale your images? That could be the reason of poor quality images.. http://stackoverflow.com/questions/9945363/image-scaling-causes-poor-quality-in-firefox-internet-explorer-but-not-chrome – NickGames Jan 21 '15 at 07:17
  • I am sorry. I didn't get about scaling image. How does it get scaled? how would i come to know about that? –  Jan 21 '15 at 07:30

0 Answers0