Stack Overflow
Stack Overflow

Questions tagged [css-sprites]

CSS Sprites is a CSS technique to combine small images into one big image and then access them using the background-position property. It is used to save HTTP requests.

CSS Sprites is a CSS technique to combine small images which are used as background-images into one big image and then access them via using offset. It is used to save HTTP requests and additionally in many cases the combined image's filesize is smaller then the sum of all small image's filesize.

For example google.com is using a CSS sprite:

enter image description here

Read more about this technique:

There are also numerous CSS Sprite generators on the web.

FAQs

863 questions
0
votes
1 answer

Making CSS Sprites Responsive

UPDATE 2: Making further progress. Almost there! jsFiddle: http://jsfiddle.net/persianturtle/Tfemm/6/ The sprite is now 99% responsive, except that the margin-bottom: % Does not line up perfectly as the page changes width. The margin-left:…
Raphael Rafatpanah
  • 19,082
  • 25
  • 92
  • 158
0
votes
2 answers

Non-traditional input using CSS sprites and JavaScript: opinions sought

My client is very invested in using a bunch of non-traditional inputs in a form we are developing for him. The image below represents various states of the interface with the last indicated it is disabled in the current context. The end users will…
jerrygarciuh
  • 21,158
  • 26
  • 82
  • 139
0
votes
1 answer

For accessibility, will the 'title' attribute act an identifier for an anchor link which has background images , when the css is disabled?

say,
Itchy Nekotorych
  • 882
  • 3
  • 10
  • 24
0
votes
1 answer

Using css sprites in an image tag

I have a sprite where there are all kings of logos in it. I want to get one specific so I'm using this css .prog_logo { background-image:url('../../image/sprite_logo.png'); } .prog_logo_prime { background-position:0px -81px; width:52px; height:51px;…
Michel Ayres
  • 5,891
  • 10
  • 63
  • 97
1 2 3
…
57 58