Home/ Questions/Q 7549803
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-30T10:02:41+00:00

I am using CSS sprites however when i hover over it is making another

  • 0

I am using CSS sprites however when i hover over it is making another request for the same image and causing a flicker. Any idea why its making 2 requests? Here is my code:

.btn-red-lrg .left {background:url(../images/site-sprite.png) no-repeat 0px 0px transparent;width: 9px;}     
.btn-red-lrg:hover .left {background:url(../images/site-sprite.png) no-repeat 0px -37px transparent;width: 9px;}
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Dont’ use the background-shorthand property. Use background-position instead, since you only want to update the position.

    /* no need for width, background-image etc. */
.btn-red-lrg:hover .left {background-position: 0px -37px;}

    Specifying a background-image:url(...) on the :hover pseudo-class can result in a new request if the caching mechanism aren’t sufficient or the expiration date is missing/wrong (see Jeff’s answer). Altering the position only won’t result in a new request regardless of the browser.

    • 0